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
Topic summary
A user wants to make all drawer menu text uppercase on their Shopify store using the Dawn theme and asks if this can be achieved through the theme editor or requires custom code.
Two solutions were provided:
-
CSS in theme.liquid: Insert custom CSS code below the
<head>tag in the theme.liquid file (accessed via Edit Code). A screenshot reference was included showing the implementation. -
CSS in base.css: Add the following CSS rule to the end of the base.css file:
.menu-drawer__menu-item {text-transform: uppercase !important;}
Both approaches use CSS to transform the menu text to uppercase. Screenshots demonstrating the expected results were shared by the responders.
Hey @Dunx ,
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
Screenshot is for reference only, the correct code to paste is the one shown above.
Result:
@Dunx please add this css to the very end of your base.css file and check
.menu-drawer__menu-item {text-transform: uppercase !important;}
