Navbar width too large when switching to mobile landscape

Design help General
1

Hi everyone, I am having an issue with the navigation bar as soon as I switch to 766px breakpoint (landscape mobile). The width increases extremely, and I don’t understand why because it has the same “default” styles that I have on the tablet breakpoint.

I tried to debug with dev tools and I am pretty sure it is something on the nav bar because of the width of it. I really don’t get the issue and I tried to change the nav width to 100vw instead of 100% and it works, the nav bar shrinks to the size it should be, but the remaining huge horizontal scroll remains. Please help!

Thank you!

Here is my site Read-Only: [Webflow - Freeburg Care Center][1]

This image is at 767px width (tablet). Everything looks great!

image
image1920×1080 189 KB

As soon as I set the width to 766px, this is the behavior.

image
image1920×1080 378 KB

If I change the NAV width to 100vw, then this happens!

image
image1920×1080 378 KB

Please help :slight_smile:

2

I actually realized that the nav bar works just fine on that breakpoint on the rest of the pages. This behavior is only on the Home page, which makes me think now that it might not be the nav bar after all, maybe something else is causing it. Anyways, any help is appreciated.