SubMenu Title Overlaps

Hi Buddha,

Please could you send me a link to where I can see the problem?

Regards,
Tom

hi, you can see at https://playlist.pro , hover over “Profile” and you will see how all the submenu titles in the mega menu are left justified – any suggestions to center them?

Hi Buddha,

In the menu item settings (the same place where you can set an icon), try changing panel position to ‘right’.

Regards,
Tom

hi, tried changing panels to right, but did nothing to center submenu titles

figured it out, changed “widget padding” settings which was confusing at first, maybe change it to “megamenu padding” ?

also changed column width from 16% to 20%

#mega-menu-wrap-top-bar-2 #mega-menu-top-bar-2 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-1 {
width: 20%;
}

resolved

Hi Buddha,

Just for everyone else looking here, I strongly suggest not changing the column widths like that, it will break the alignment in the mega panels (but if you’re happy with that buddha, go for it! I just don’t want other people to do the same then wonder why other bits have gone out of alignment :))

To align the flyout menu items into the middle, use this in the custom SCSS section of the theme:

> li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a {
    text-align: center;
}

Widget Padding should only define how much padding each widget has in a mega panel. I’ll write up some documentation on that to show what each of the menu settings do.

Regards,
Tom

Documentation on centering items is now here:

https://www.megamenu.co.uk/documentation/centering-menu-items/