[Resolved] Mega Menu

[S]

Hello,

We’re trying out the simple Mega Menu CSS shown here: https://docs.generatepress.com/article/building-simple-mega-menu/,

It works pretty well when the page is scrolled to the bottom once once you scroll down and the menu stays at the top, the mega menu changes to the full width. Would like it to be constrained like it is when the page is at the top.

Sort of the opposite of this thread (they wanted full width at all times).
https://generatepress.com/forums/topic/set-up-mega-menu-width/

Any ideas?

[Elvin]

Hi,

Try adding this CSS:

nav#sticky-navigation ul#menu-mainmenu {
    position: relative;
}

This should constrain the absolute positioned sub-menus to the navbar width.

[S]

Awesome!

[Elvin]

I believe this is resolved? Feel free to open up a new topic if you need further help. 🙂

[Author]

Posts