Streaming live at 10am (PST)

Aligning sections/navbar after setting max width


#1

Hey guys!

Excited to be here.

Whenever I set my max-width to 1200, and preview the website- everything seems to be aligned to the left. I've tried aligning it to center but it only works when I get rid of the max-width. If you see the right side of the nav bar- there is some white space. How do I fix that?


#2

Hello @fragellis

If you share your read only link we can help you better.

The more info you provide better understanding for everyone and quickest help.


#4

Your read only link its not working, can you re share it please?


#5

https://preview.webflow.com/preview/anotherstruggle?preview=2ac4ba1b9190dd770462aba780bac4f5


#6

If you want to set the max width to 1200 and centre your nav bar just select centre element from the padding/margin section:

You'll get something like this:

Let me know if that is what you are looking for.


#7

Great I missed that! Is there a way to extend the background color of the navbar all the way to the corners while keeping the menu items centered with a max width of 1200?

You'll notice it while scrolling down to the white background, the nav bar cuts off from the sides.


#8

Yeah there is, instead of giving the nav bar the max width give it to the container (you deleted that one) but you can add it again.

Containers don't let you modify their width but the way to do this is insert a div block and assign it a class called container, give that div block a max with of 1200 and then erase the div. Now select the element container and assign it the class "container" and the container automatically going to grow to that max width.

Let me know if I explain myself.

Cheers,


#9

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.