Stretch navigation menu

I have tried to add Custom classes to many elements to make this Nav Menu to expand across the page, but none of what I try works…
Any suggestions, I would be grateful.

Hey,

Make sure you select the LIST and add a class to it as well. Make the width 100%, also can use Flex to make sure links are positioned properly.

Thanks, my friend
I tried the 100% on Link, but the Menu got all messed up. Havtorials on e you put together any Tutorials on this. I can’t remember them all.

full-width-menu.bloc (23.6 KB)

I think you want something like this, right?

1 Like

Nice… it work in your simple bloc. :grinning:
I made the same class

Under Nav Container
List - add Custom Class "list max width

​ Class Editor
Dimensions - 100%
Positioning - Flex
Flex - Left to Right

Using the flex spacing options too.

I usually will set

Width 100%
Max-width (set a max width of pixels you want)
Margin left and right auto to centre it.

Then you can fine tune the spacing and position more.

Thanks Pete, I always will check out your expert advise.
I just looked and cannot see any place for Flex Spacing.
I set what I know to Center the Menu, but nothing worked.

You would have seen my flex video. It’s old now but the options are still current.

Explains how flex works. Flex and Grid are both great features to master.

1 Like

You are so right on that.

1 Like