POLITICAS - How To Divide Long Menu Items Names Into 2 Rows.
TDESIGN
TEMPLATE: Politicas JOOMLA: 3.9.25 HELIX: Ultimate SP PAGE: Version: 3.7.9
Some of my menu items are long, how can I divide each individual menu item into 2 rows? Right now my menu is too long and I do not want it overflowing into a second row.
This is how it looks NOW. http://prnt.sc/10xar3x
This is how I WANT it to look. http://prnt.sc/10xariv
Thank you.
Rashida Rahman
Accepted AnswerHi there!
Thanks for your query!
You need to use custom CSS for that. But customization support is prohibited here!
I can give you suggestions, if you use the following code in your custom CSS then it will look like this: https://prnt.sc/10xbvjp
So if you want this, here is the code:
.sp-megamenu-parent > li:not(:last-child):after{
display:none;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
display: flex;
justify-content: center;
width: 150px;
line-height: 20px;
}Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Hope this helps!
Best Regards
TDESIGN
Accepted AnswerHi Rashida,
Thank you so much! I was able to tweak it a little more and got it just right. Really appreciate your help!