Category Menu Items in Lower case

[George]

Hi,

How do I get my category items in my menu lowercase? Currently changes to uppercase even when the title is lowercase? See the categories menu item.

Events Travel

Many thanks.

George

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

li.menu-item.sf-mega-menu ul.sub-menu li.menu-item > a{
text-transform:lowercase !important;
}

Thanks
Mohammad

[George]

Thanks Mohammed,

What would the code be to display the text how it appears in the title of the menu item?
i.e. cycling would appear as cycling
Cycling would appear as Cycling
CYCLING would appear as CYCLING

Previously any text in the title went straight to Upper Case which I did not want.

Now with your code I cant change any of the category menu items to be the other variations.

Thank you.

[Mohammad – SUPPORT]

Hi,
Please attach a marked screenshot to explain your issue.
Thanks
Mohammad

[George]

Hi Mohammed,

 

Please see the screenshot below with what i’m referring to.

 

Thanks

 

https://events.com.au/wp-content/uploads/2015/06/menu-changes.jpg

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Replace Mohammad code by this one.

li.menu-item.sf-mega-menu ul.sub-menu li.menu-item > a {
  text-transform: capitalize !important;
}

-Rui

[George]

Hi Rui,

Thank you, that works.

Can you also explain why the menu items under ‘Categories’ look different to the items under ‘More’?

The difference is in the attached image.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

It seems it has different css.
Use the one below so it can be equal to both, adjust the font size to the desired value.

nav.std-menu ul.sub-menu > li > a, nav.std-menu ul.sub-menu > li > div.current-language , li.menu-item.sf-mega-menu ul.sub-menu li.menu-item > a{
  font-weight: normal!important;
  font-size: 12px!important;
}

-Rui