Scrollable Mega Menu

Question

Hello.

I've used Canvas template and its Mega Menu as shown in below Live URL link.

I'm not too proud of my job as I had to shorten room between items in order to make them fit vertically.
Otherwise some of the items could not be seen in some devices, as there is no scroll just for the Mega Menu.

I've seen in this support area a customer of yours leaving a such interesting link for me, as they do use an scrollable Mega Menu made out of Canvas template, that is just what I need, definitely!

This is the mentioned link: https://www.vmware.com

Please help me with this issue as I have to add more items to my Mega Menu and do need a suitable scroll.

Thanks in advance.

I've bought this theme 5 time along last years.

Looking forward to Canvas 7.

Great work up to now!

SemiColonWeb · Accepted Answer

Hello,

Thank You so much for the Kind Words and continuing your support for Canvas! :)

This is definitely possible. Consider trying this code:
[ch_pre type="css"]@media (min-width: 992px) {
.menu-item:not(.mega-menu-small) .mega-menu-content {
height: calc(100vh - 100px);
overflow-y: scroll;
}
}[/ch_pre]

However, we recommend using Static Sticky Headers (not shrinkable) as then you will need to modify the Heights accordingly.

Hope this Helps!

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

cocotoro · Answer

Hello again,

Thanks a lot it works!

As you said, I'll use Static Sticky Headers and make heights modifications so it all looks well fit.

Also, I've just realized of Blocks being available and found a new, genius use of Mega Menu (block-navigation-mega-menu-4.html) !!!

Thanks again, keep on developing such an amazing work, you deserve all the best.

Semicolon Web · Answer

Hello,

Glad that helped! Very Happy to Help! :)

And super glad that you found the new blocks useful. We are working on bringing more useful blocks in the near future.

If you have any such feature suggestions, do let us and we will try including them in an update soon.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Thanks so much for the Kind Words! :)