Topic: Mega menu different width on sticky header

fcacic
May 9, 2024 at 1:04 am

Hello there! I have a small issue with the GeneratePress simple megamenu.

As stated in the title, mega menu is 100% width of the sticky header, and I want it to be exactly like on the regular header.

I’ve tried some css solutions from the other threads, with no luck so far.

Site is maintenance mode so I will leave all the login data in the private info 🙂

Ying

May 9, 2024 at 9:53 am

Hi there,

Try this css:

.is_stuck .main-nav#primary-menu {
    position: relative;
}
@media(min-width:769px) {
nav.is_stuck .main-nav#primary-menu .mega-menu>ul {
    width: calc(100% + 81px);
}
nav:not(.is_stuck) .main-nav#primary-menu .mega-menu>ul {
    width: 100%;
    transition: none;
}
}

fcacic
May 9, 2024 at 11:53 pm

Thank you so much Ying, works amazing! 🙂

I will close the thread now, thank you very much.
Ying
May 10, 2024 at 9:25 am

No Problem 🙂

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Are you a GenerateCustomer?

Just browsing?

Mega menu different width on sticky header