Sticky Menu Dynamic Height | ww.wp.xz.cn

Resolved cwdevelop
(@cwdevelop)

6 years, 1 month ago

I’m using Betheme on my website with sticky menu enabled.

The default Betheme menu height is 90px. When you scroll down the webpage slightly, the sticky menu is activated and the menu height becomes 60px.

I want to replace the default betheme menu with Max Mega Menu. However, I can’t find a way in Max Mega Menu to change the menu height dynamically. When I use Max mega menu, the height is constantly at 90px. When I scroll down and the sticky menu is activated, there’s 30px of extra white space that overflows.

Can Max Mega Menu allow sticky menu dynamic height?

Viewing 3 replies - 1 through 3 (of 3 total)

Thread Starter cwdevelop
(@cwdevelop)

6 years, 1 month ago

I think my issue is very similar to this post:
https://ww.wp.xz.cn/support/topic/sticky-mega-menu-that-changes-on-scroll/

However, I am not using elementor.

Looking forward to your assistance!

Plugin Author megamenu
(@megamenu)

6 years, 1 month ago

Hi cwdevelop,

Please can you try the ‘sticky menu height’ CSS on this page?

https://www.megamenu.com/documentation/betheme/

Regards,
Tom
Thread Starter cwdevelop
(@cwdevelop)

6 years, 1 month ago
The code from your link worked perfectly! Thank you.
```
.is-sticky #{$wrap} #{$menu} > li.mega-menu-item > a.mega-menu-link {
    height: 61px;
    line-height: 61px;
}
```

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Sticky Menu Dynamic Height’ is closed to new replies.

3 replies
2 participants
Last reply from: cwdevelop
Last activity: 6 years, 1 month ago
Status: resolved