[Resolved] Sticky Nav with Mega Menu – drop down placement issue

[Brenden]

I have a mega menu with 2 columns (using GP documentation – https://docs.generatepress.com/article/building-simple-mega-menu/). It works as expected with the main navigation, but with the sticky nav the placement of the drop down is under the logo. Here are screeshots showing what is happening.

Main Nav screenshot (working as expected) – https://share.getcloudapp.com/geuRmQpy
Sticky Nav screenshot (placement is off) – https://share.getcloudapp.com/Z4uA7Br2

Here is a link to the dev site – https://reedcon.wpengine.com/

Can you help me out?

[Fernando]

Hi Brenden,

I see. Thank you for providing a clear description of the issue.

Can you try removing this code which is part of the mega menu CSS?:

nav .main-nav .mega-menu {
        position: static;
    }

Kindly let us know how it goes.

[Brenden]

That solved the issue. Thank you!

[Fernando]

You’re welcome Brenden!

[Author]

Posts