Streaming live at 10am (PST)

Navbar in Flexbox


#1

Hi guyss,

how do I extend the navbar to the full width of its wrapper? (parent)

I used the flexbox property but I can’t control the last button (A LINK TEXT) alignment with the “Search” button

The flexbox property, I gave it to the “navbar”, “container” and “nav” classes

It must be all aligned as in the screenshot example below:

where am I wrong?

Link project: https://preview.webflow.com/preview/mpp-06f796?utm_source=mpp-06f796&preview=c36ea5bf6a32ab7edabbb22c3fcc9165

Thanks :slight_smile:


#2

Hi!
Delete the container from the navbar and set the nav div to block.
And you need to delete the margins of the logo and the nav links.

Nils


#3

Hi @Gianluca_Dorio,

Made a video to help get your nav aligned (video is 5mins!)
You can also drag the children of the default container under the Nav element then delete the default container and do the flex settings as per the video.

See how you go.
Regards,
Keiran


#4

Awesome @knk Good video :slight_smile:


#5

Hi Keiran, sorry if I answer only now … but I was painting my house. :disappointed_relieved::disappointed_relieved::disappointed_relieved:

I am speechless, the video was very useful !!!

Thank you, and I thank you all for your availability. It’s the first time I find people like you. :grin:

Regards,
Gianluca


#6

Hi Nilson,

thanks for the precious info, I succeeded !!!

Gianluca


#7

Hi Gianluca,

You’re welcome. Glad you got it sorted.

All the best with painting your house. I am also currently painting a house!! (Although the outside)

:+1: