Format Of 'mega Menu' Item
Alison
Hi
When I enable to 'Mega Menu' option on a menu item (so i can have two columns) the sub menu item text becomes UPPERCASE whereas a menu dropdown that does not have 'Mega Menu' enabled the font is Uppercase First Letter of Each Word.
How can I change the mega menu dropdown to have Uppercase First Letter of Each Word to match the normal dropdowns.
An example would be https://stratfordscouts.org.uk hover over
- Volunteering (Is Not a Mega Menu Dropdowm)
- Join (IS A MEGA MENU ITEM)
I hope that makes sense, your help would be appreciated.
Many thanks Alison
Rashida Rahman
Accepted AnswerHi there!
Thanks for contacting us.
It seems you are using menu header type for the submenus of your megamenu. Please change the menu item type, it should help.
However, you may use the following code in your custom CSS either:
.sp-megamenu-parent .sp-mega-group>li>a {
text-transform: capitalize;
}Note: Path towards custom CSS(Joomla 4): System>Site Templates Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Best Regards
Alison
Accepted AnswerHI Rashida
Many thanks, the custom code works well.
I am unsure as to how I am using menu header type for the submenus of your megamenu - can you elaborate on how I could change this in the future?
Many thanks again Alison
Rashida Rahman
Accepted AnswerYou're always welcome:)
You need to change the menu item type of those menues, which has submenues. Kindly, check the sample screenshot of how it should be done: https://prnt.sc/Ibym709eM3ZS
Best Regards