“Turn Menu Text to Uppercase” button/toggle isn’t working

[Paul Sheiffele]

I am noticing the menu up at the top of our site (https://test.genetargeting.com) stays uppercase even though I have tried to switch “turn menu text to uppercase” off. We would like the menu to be non-uppercase.

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

#topmenu ul li a { text-transform:capitalize !important;}

Regards,
Dave

[Paul Sheiffele]

Thank you, that did work for the most part. Only thing is, we want to show one of our tabs with the words “cDNA Knockin.” The c at the beginning is meant to be lowercase like that, and that is how I inputted it into the menu, although it appears that the first letter of every tab shows as capitalized regardless of what I input. Is there a way to make the entire title for each menu item/tab case-sensitive to what I input, rather than automatically capitalizing the first letter?

Thanks!

[Sonal S Sinha]

Hi,

Remove this CSS code:

#topmenu ul li a { text-transform:capitalize !important;}

Kindly replace this CSS code:

#topmenu ul li a {
  text-transform: inherit !important;
}

Regards,
Dave

[Paul Sheiffele]

Perfect, that did the trick. Thank you!

[Sonal S Sinha]

Hi,

Welcome 🙂

If you found our service good kindly review us here: https://www.trustpilot.com/review/sktthemes.org

Regards,
Dave

[Author]

Posts