Capitalise text in menu

Tagged: menu

This topic has 6 replies, 2 voices, and was last updated 10 years, 1 month ago by Sakin.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
September 27, 2014 at 5:49 pm #44951

BizQ
Member

Hi, How do I capitalize the first letter of each word in my header menu ? Thanks Arno
http://www.bizq.co.za

September 28, 2014 at 12:16 am #44974
Sakin
Keymaster
@BizQ: You can add the following css in “Appearance => Theme Options => Custom CSS” box.
```
#header-menu ul.menu a, 
#footer-menu ul.menu a {
    text-transform: capitalize;
}
```
September 28, 2014 at 12:44 am #44980

BizQ
Member

@Sakin: have tried the CSS custom code but it does not seem to work.
What else can I try ? Thanks

September 28, 2014 at 12:46 am #44981

Sakin
Keymaster

@BizQ: Did you refresh your site and check in. As I just check in your site and it’s working.

September 28, 2014 at 1:05 am #44982

BizQ
Member

@Sakin: I did as you asked and still no change reflected on my side. I will check later and revert back if it still does not work. Thanks

September 28, 2014 at 10:13 am #44992

BizQ
Member

@Sakin: Just to confirm that it works when viewing the website from my desktop but not when viewing the website via my Ipad. Thank you for your help.

September 29, 2014 at 12:18 am #45022
Sakin
Keymaster
@BizQ: Can you let me know where did you added that CSS. I couldn’t check in detail as your CSS in minify and combined. I check in your site and found that you have Capitalized in Large Screen but in small one it has Uppercase. So, I need to check in your responsive css. If you cannot find it then you can replace the previous css with the following CSS. Please make site you add it in “Appearance => Theme Options => Custom CSS” box.
```
#masthead #header-menu ul.menu a, 
#colophon #footer-menu ul.menu a {
    text-transform: capitalize;
}
```
Author

Posts