Navbar breaking on certain pages

The navbar is fine on the homepage, but it is breaking on every other page. The width is set to 100% but on certain pages it’s larger than the page width and causing extra space on the right side of the page. Let me know if there is anything else that you need me to investigate.

Here Is my read-only link to the home page:

https://preview.webflow.com/preview/wonder-event-rentals?utm_medium=preview_link&utm_source=designer&utm_content=wonder-event-rentals&preview=c5f085934217f675028c6c1b996cd603&mode=preview

Here is the read-only link to a page where the navbar is broken:

https://preview.webflow.com/preview/wonder-event-rentals?utm_medium=preview_link&utm_source=designer&utm_content=wonder-event-rentals&preview=c5f085934217f675028c6c1b996cd603&pageId=5d38b357e32404a7afc5b5ad&mode=preview


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hi there,

Thanks for reaching out. I’ve made short video to demonstrate what you can do:

The nav menu element is set to flex and in order to get the content inside to collapse is to set the children to wrap.

​I hope it was helpful.

Kind regards,

Jörn :sweden:

Hey Jorn,

Thanks for getting back to me! I tried this, but when set the navbar to wrap it causes all of the menus in the navbar to drop below the logo. How do I get the menus to form rows like shown in your video? I’m attaching a screenshot to show what I mean.

photo

Jeremy LaBahn
Owner, Wonder Event Rentals

619-792-4498 | hello@wondereventrentals.com

wondereventrentals.com

7918 El Cajon Blvd. Suite N La Mesa, CA 91942

Create your own WiseStamp email signature

Hi,

My settings in the video was on the nav menu not the navbar.

Nav menu, the element holding all the links.

Let me know how it goes.

Kind regards,

Jörn :sweden: