Streaming live at 10am (PST)

Nav Bar Spacing Issue

Hi there,

I’m trying to get my nav bar back to where I had it, but there seems to be an issue with the space between function. I have my logo and nav links inside a container that is set to 100% width. I want my logo and nav links to sit on opposite sides of the nav bar, like I had it before… I’ve included a screenshot.

The logo and nav links are now “stuck” in the middle, instead of going to the edges of the div.

I don’t know if I am totally overlooking something but this has been frustrating me for a while. Any help is very much appreciated.

-Thanks


Here is my site Read-Only: https://preview.webflow.com/preview/meenaspaces?utm_medium=preview_link&utm_source=designer&utm_content=meenaspaces&preview=42c44746f20e3d5c16a2b5f7c3d34994&mode=preview

Live site with unpublished changes (correct nav bar): meenaspaces.com

Hi @Jason_Chance welcome to the Webflow Forum!

The short and direct fix:
change your Container 4 for a regular Div Block. You can give it the same Class, but DON’T use the Container element.

Explanation:
That’s a really simple fix, just a small thing you need to know about the Webflow internal components. The Container Element, cannot have its maximum widths overwritten easily inside the designer. So even when you change it to maximum-width: 100%, it still doesn’t grow to the full width of the screen. Knowing that, you can just replace it with a regular Div Block and give the div the same class, so you can use the styles you already choose.

If you still have any doubt, just tag me and I’ll try my best to explain.

Great! Thank you so much @gilson. I must have learned that somewhere and forgot. Now I have another problem, when I click the menu button in tablet view the menu covers the header and menu icon. I’m sure this is probably another easy fix?