Can I make the drawer menu text all uppercase in Dawn theme?

Dunx · ‎02-20-2024

I would like the drawer menu on this website to be all uppercase:
https://cowdray-polo-club.myshopify.com/
password: cowdray

Can this be achieved with the editor or will it need custom code - I am using the latest Dawn theme? thanks

ThePrimeWeb · ‎02-20-2024

Hey @Dunx,

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
ul.menu-drawer__menu li a {
    text-transform: uppercase !important;
}
</style>

Screenshot is for reference only, the correct code to paste is the one shown above.

Result:

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

suyash1 · ‎02-20-2024

@Dunx please add this css to the very end of your base.css file and check

.menu-drawer__menu-item {text-transform: uppercase !important;}

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

Can I make the drawer menu text all uppercase in Dawn theme?

Can I make the drawer menu text all uppercase in Dawn theme?

☕Buy me a coffee☕

Community Blog Articles