Learn how to resize a navigation bar on scroll with CSS and JavaScript.
Read on how to do it here: https://www.w3schools.com/howto/howto_js_navbar_shrink_scroll.asp
Try it yourself here: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_navbar_shrink_scroll