Cat /

Tag /

Mega menu sub-menu hidden below screen

This is a common problem for the Max Mega Menu when there is an abundance of links and a fixed menu with minimum scroll available. Max Mega Menu have posted 2 fixes here: but if that doesn’t solve the issue you can try the modified version that worked for us:

@media only screen and (min-width: 992px) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
overflow-x: hidden;
height: 200px;
overflow-y: scroll;

Awesome responsive design testing tool

Responsively is by far the best responsive design testing tool I’ve used.

It’s Instant Preview mode allows you to preview all target screens in a single window side-by-side. It’s quick and efficient and can help reduce your development time. Check it out: