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.
Hi 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
Hi Rashida,
Thank you so much! I was able to tweak it a little more and got it just right. Really appreciate your help!
Glad to know that.
You are always welcome:)