My mega menu columns are not working

Support
#1

see the note I added

#2

Hi @VelocityWeb,

Thanks for reaching out.

It shouldn’t be customized like that, a mega menu is a full-width sub-menu. Adding that CSS will, of course, break the intentional layout of the mega menu.

What you’re trying to achieve is a mix of standard submenu while the layout is from the mega menu.

But please try this

.x-megamenu .sub-menu {
width: 450px;
left: auto !important;
right: auto !important;
}

And don’t add the second CSS, it kills the purpose of having a megamenu (it set back the width restriction which is usually equal to its parent menu).

Thanks!

#3

Better but the about content is going off the page. It should open just left

#4

Hello @VelocityWeb,

Please have the code updated and use this:

.x-megamenu .sub-menu {
    width: 450px;
    left: auto !important;
    right: 0 !important;
}

We would loved to know if this has work for you. Thank you.

#5

awsome, perfect now! thanks :grinning:

#6

On behalf of my colleague, you’re welcome. Cheers! :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.