How to make Mega Menu scrollable?

Question

Hello, my Mega Menu is too lage for one screen. I have to scroll page down to see the bottom links. But when i scroll, page is scrolling, but Mega Menu not.

Here is the video: https://www.awesomescreenshot.com/video/33203050?key=229d316d529e6cf3abe3762e7e66b3cc

When i comment
headers: function()
in functions.bundle.js it's fine, but scrollable header stops working.

Here is the video: https://www.awesomescreenshot.com/video/33203128?key=5c258e160176b0a8f722d9e8fdf4003e

Hot to scroll Mega Menu and leave Header be scrolling?

SemiColonWeb · Accepted Answer

Hello,

Consider using the following CSS Code:
[ch_pre type="css"].is-expanded-menu .mega-menu-content {
height: calc(100vh - 60px);
overflow-y: auto;
}[/ch_pre]

You can simply change the 60px to the Height of the Sticky Header you have currently set to.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.