Navbar wrong resize when changing resolution

My site is working quite well except for my navbar. When I start with my phone upright and turn it to it’s side so that the resolution changes, the navbar doesn’t cover the whole top of the page (despite being set to 100%) when I then reload the page the navbar adjusts but is there any way to accomplish this automatically so that my navbar always looks right?

Thanks for your help!


Here’s how it’s looking right now: https://lorenzo-8c29b2.webflow.io/

Hi @Alpha,

Can you supply a ‘Read-Only’ link to your project, so we can see how you have constructed your navbar and troubleshoot better.

Cheers
Keiran

Here’s my link and sorry for the late reply.
Thanks and Merry Christmas!

https://preview.webflow.com/preview/lorenzo-8c29b2?utm_medium=preview_link&utm_source=designer&utm_content=lorenzo-8c29b2&preview=ae879127927e627b2c4f805c2687af4e&mode=preview