[hibban]

Hello. How to change capital letters in main menu to first letter capital, others lowercase?

[Sanjip Shah]

@ In the dashboard, go to Appearance->Theme Options->Design Options Tab->Custom CSS. Paste the following css and click on ‘Save all Changes’.

#access a {
    text-transform: capitalize;
}

Hope this helps.

[hibban]

Thank you.

[Sanjip Shah]

@hibban Welcome. 🙂

[Gemeente]

Hi Sanjip,

put your css in the theme options but if an item in the main navigation bar is more than 1 word, all words had a capital to begin with. I put this css in:

#access li a { text-transform: none; }

that did the trick.
Is that ok to your opinion?

greetz,
gemleek

[Theme Horse Support Team]

Hi Gemeente,

Could you please create your own forum topic because other will not get notified which may be unwanted for them. I think that’s not ok. If you use text-transform: none; then whatever you type on the page, it will display the same result. This may work for you

#access li a {
text-transform: capitalize;
}

Thank you!

[joseamorenoh]

Hello everyone,
the solution gave the support team worked well for the main menu , but does not work for sub elements. How do I can solve it? Thank You.

[Theme Horse Support Team]

Hi joseamorenoh,
Try this below CSS
`#access ul li ul li a, #access ul li.current-menu-item ul li a, #access ul li ul li.current-menu-item a, #access ul li.current_page_ancestor ul li a, #access ul li.current-menu-ancestor ul li a, #access ul li.current_page_item ul li a {
text-transform: uppercase;
}`

Thank you!

[Author]

Posts