How to capitalize the first three letters of menu text in the main menu heading. - Forum | JoomShaper
Solved Helix Framework

How to capitalize the first three letters of menu text in the main menu heading.

Asked by Shirley Craig 3 years ago Last activity 3 years ago

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
3 years ago

Glad to know that. You can now close this post by accepting the answer.

4 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
3 years ago

Hi

Thanks for contacting us. Use this custom CSS

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{
        text-transform: uppercase !important;
}

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.

Shirley Craig Asked this
3 years ago

Thanks Mehtaz - That capitalised all the menu items. I only wanted 1 specific menu item to be capitalised.

Pavel
3 years ago

Hi.

I suppose that your template has css that capitalised menu item headings. You need to reset it using following code.

.sp-megamenu-parent > li > a, 
.sp-megamenu-parent > li > span {
        text-transform: inherit !important;
}

After you get rid of capitalised, you can write it manually as you need in the settings of the menu item, since there is no code that could do what you want

Shirley Craig Asked this
3 years ago

I was able to get it to work by using no code and changing the Joomla menu item to
DEV Training.
Thank you for your help anyway...

Log in to reply.