Format of 'mega menu' item - Forum | JoomShaper
Solved Helix Framework

Format of 'mega menu' item

Asked by Alison 3 years ago Last activity 3 years ago

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

Accepted answer

Marked as the solution
Rashida Rahman Staff
3 years ago

Hi 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.

https://prnt.sc/HrTaDmSBIYmy

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.

https://prnt.sc/5mBuSRh907N3

https://prnt.sc/ooiq-lkMEXr_

https://prnt.sc/nunlX-f5AhK1

Best Regards

1 more reply

Alison Asked this
3 years ago

HI 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 Staff
3 years ago

You'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

Log in to reply.