Change color for only one top level menu on prestige theme

[5611632]

Hello Everyone,

We would like to change the color of the sec top-level menu,

thanks in advance,

url : https://y5r62uwtd30qwt40-87349559639.shopifypreview.com

[adriannathalia]

Hello,

Thank you for reaching out! To change the color of the “Christmas Sale” menu item on your Shopify store, you can add this custom CSS code:

/* Change color of “Christmas Sale” menu item */
.header__menu-item:nth-child(2) a {
  color: #FF0000 !important; /* Replace with your desired color */
}

Once you’ve added this, please send a screenshot of where you are in the progress so I can confirm everything is set up correctly.

If you’re unable to do it yourself, no worries, I’d be happy to assist you and make the change for you.

[Dan-From-Ryviu]

You can add this code to Custom CSS in theme settings

a[href="/pages/christmas-sale"] { color: red; }

[AnneLuo]

Hi @5611632
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the </head> tag

<style>
a[href="/pages/christmas-sale"] { 
  color: red !important; 
}
</style>

Results:

Hope this helps! If yes then Please don’t forget hit Like and Mark it as solution!

[5611632]

working but its effect the announcement bar text

[Dan-From-Ryviu]

Please update the code to this.

.header__primary-nav-item a[href="/pages/christmas-sale"] { color: red; }

[5611632]

Thanks so much its working perfect

[5611632]

but when i click on it its back to black until its jump to the page

[Dan-From-Ryviu]

I cannot see the issue that you mentioned

[5611632]

i fix it and i add another code