Dawn Theme: Capitalise Main Menu Items & Footer Menu Items

[Scotch_Eggs]

Hello, I am using Dawn theme and I would like to capitalise the text for Header Menu Items and Footer Menu Items.

Image below shows Main Menu and nested drop-down menu items, I'd like these all to be capitalised.

Footer Menu - I would like all footer menu list items to be capitalised:

[naeemahmad]

I can do this if you want to!

[MandasaTech]

Hello @Scotch_Eggs 

Add this CSS below of Online Store >> Edit Code >> Assets >> base.css

.header__menu-item {
text-transform: uppercase !important;
}
.footer-block__details-content a {
text-transform: uppercase !important;
}

[Scotch_Eggs]

Thanks very much @MandasaTech - this worked great.

I paste the footer menu CSS into: section.footer.css / not the base.css

.footer-block__details-content a {
text-transform: uppercase !important;
}

[hmwest007]

I wasn't OP, but this solution worked perfectly for all lowercase. Can you help code it to capitalize the first letter in every word and leave the rest lowercase?

Or code it so the text is displays how it is inputted into shopify (to follow capitals, lowercases etc how it was typed in)? I need each word to have a capital first letter, but lower case rest. like this:

Shop

About

Customer Service

Thx in advance! Your solution worked perfectly for all lowercase.