Personalized checkout and custom promotions with Shopify Scripts
I would like to change the colour of the menu and add-to-cart button to match my brand please let me know how to do this. Here is my shopify URL https://03nkpv-tm.myshopify.com/products/always-forever . Thank you for your help
Hey @CameronO ,
To change the color of the menu button and the cart icon to match your brand, you'll need to update your Shopify theme's CSS file. Here's how to do it:
Steps to Customize Colors:
1. Online Store > Themes > Edit Code
2. Search for the main CSS file, often called theme.css or styles.css under the Assets folder.
3. Add Custom Styles:
Scroll to the bottom of the file and add the following CSS:
/* Change menu icon color */
.site-nav__link--icon .icon-hamburger path {
stroke: #FF0000; /* Replace #FF0000 with your brand color */
}
/* Change cart icon color */
.site-nav__link--icon .icon-bag-minimal path {
fill: #FF0000; /* Replace #FF0000 with your brand color */
}
Let me know if you face any issues—I’d be happy to assist further.
With over 6-7 years of experience, I can confidently help you build and optimize your site for the best results. Feel free to reach out if you need any additional support!
Thanks
I tried this by pasting it in the bottom of the theme.css file but it did not work
Hey Community! As we jump into 2025, we want to give a big shout-out to all of you wh...
By JasonH Jan 7, 2025Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024