Dawn Theme - Change header menu dropdown icon to white

Ask & Offer
1

Hi,

I’m using dawn theme 15.4.0 and wanted to change my header dropdown icons (the dropdown carat icons) from black to white. When I change the BG color it also changed the other text and icons however the dropdown icons didn’t. Please see attached file and the code I used to change the BG.

image
image1527×147 8.68 KB

image
image231×198 1.9 KB

Code I used:

asset/base.css

sticky-header.header-wrapper {

*background-color: #173b55;*

}

.header__menu-item span {

color: white;

}

.header__icon .icon {

stroke: white;

}

1 Like
3

Add this CSS code to your assets/base.css file:

.header__menu-item .icon-caret {
  color: white;
}

If that doesn’t work, try this more specific selector:

.header__menu-item svg.icon.icon-caret {
  fill: white;
  color: white;
}

This should target the dropdown caret icons specifically and change them to white, regardless of your background color changes.

4

Hi @christianjardiolin

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder :laptop:

3 Likes
5

Thank you so much! This worked!

1 Like