How to change menu and add to cart icon colour?

How to change menu and add to cart icon colour?

CameronO
Excursionist
47 1 23

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

CameronO_0-1733937454131.png

 

Replies 2 (2)

rajweb
Shopify Partner
545 47 104

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

 

-Need a Shopify developer?
https://rajatweb.dev/
Email: rajat.shopify@gmail.com
CameronO
Excursionist
47 1 23

I tried this by pasting it in the bottom of the theme.css file but it did not work 

CameronO_0-1734020258202.png