We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How to change the colour of one word in menu dawn theme

How to change the colour of one word in menu dawn theme

jewellerystore1
Explorer
97 0 8

Hello, 

 

I would like to change the colour of the word 'sale' to blue in my header menu. I am setting up a draft theme so you can't see this on the current website but it needs to be blue for when I publish the theme. Please supply the correct code. thank you. 

 

Website: nuijewellery.com.au

 

Screen Shot 2024-02-26 at 5.05.33 pm.png

Replies 3 (3)

BrewBrains
Shopify Partner
161 26 33

Hi @jewellerystore1,  Below code changes the color for the "Sale" nav item is changed to blue. The CSS selector .nav-item[href="/collections/sale"] specifically targets the anchor element (<a>) with the class nav-item and href attribute equal to "/collections/sale". You can adapt this CSS selector for other URLs as needed.

 

 

a.menu-drawer__menu-item[href="/collections/sale"] {
    color: blue;
}

 

 

 

 

Was I helpful?

Buy me a coffee


Sandesh Paudyal |

| Shopify Developer


Need help with your store?

 sandeshpaudyal99@gmail.com

For quick response - Message Me : +9779851353732

BrewBrains
Shopify Partner
161 26 33

@jewellerystore1  Or you can send me the link or access to the store if you require further help implementing the design. Thanks.

Was I helpful?

Buy me a coffee


Sandesh Paudyal |

| Shopify Developer


Need help with your store?

 sandeshpaudyal99@gmail.com

For quick response - Message Me : +9779851353732

DelightCart
Shopify Partner
1271 84 158

@jewellerystore1  Please send me the store url.

Delight Cart - It's time to turn your visitors into loyal shoppers! 

Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.