Back to top

Affiliate Link: Looking to Monetize With Ads?? We Personally Use:

Ezoic

Modify Main Menu From Being All Uppercase

Featured Tiles
As an Amazon Associate we earn from qualifying purchases made on our website. If you make a purchase through links from this website, we may get a small share of the sale from Amazon and other similar affiliate programs. You can read our complete legal information for more details.

If you aren’t a fan of all uppercase writing in menus then this post is probably aimed at you. Within Acabado the main menu is configured to always display in all capital letters, today I fixed it for someone who requested the ability to have none changed from the way it was entered into the Menu.

Below I provided 2 different ways to change this, the first one will capitalize the first letter in each word, the one after will change none of them and will instead show exactly what you typed when you added it to the menu.

Change To Capitalize First Letters

.main-navigation ul a {
    text-transform: capitalize;
}

.main-navigation ul ul a {
    text-transform: capitalize;
}

Leave The Same As Typed In Menu

.main-navigation ul a {
    text-transform: none;
}

.main-navigation ul ul a {
    text-transform: none;
}

If you find a post helpful and feel like rewarding my effort with the price of a beer, please donate here

About Josh Koop

Hey Everyone! I hope that the short article you read today has taken you from a place of frustration to a place of excited anticipation for your visitors! Please let me know of anything you need for Acabado that can help you achieve your goals!

My Posts | Website

Josh Koop

Hey Everyone! I hope that the short article you read today has taken you from a place of frustration to a place of excited anticipation for your visitors! Please let me know of anything you need for Acabado that can help you achieve your goals!

Leave a Reply

Your email address will not be published. Required fields are marked *

Recent Content