SubMenu Title Overlaps
-
the submenu title texts overlap each other using 100% width – any suggestions to evenly center all submenu titles?
when i increase the submenu width to say 125%, i still cannot center the titles …
-
Hi Buddha,
Please could you send me a link to where I can see the problem?
Regards,
Tomhi, you can see at http://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,
Tomhi, 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,
TomDocumentation on centering items is now here:
http://www.megamenu.co.uk/documentation/centering-menu-items/
- The topic ‘SubMenu Title Overlaps’ is closed to new replies.