Change the color of one item in Menu

Store Design
, , ,

Topic summary

A user seeks to change the color of a single menu item (“lichidera-scot”) to red in their Shopify store header, specifically while using the Vantage theme.

Attempted Solutions:

  • Initial CSS code suggestion targeting .header__nav__link.navlink was unsuccessful
  • User confirmed previous solutions from other threads haven’t worked

Working Solution Provided:
A detailed CSS customization approach was shared:

  • Navigate to: Online Store → Themes → Edit code
  • Locate the theme’s CSS file (base.css, theme.css, or stylesheet.css)
  • Add specific CSS targeting the menu item by href attribute:
.header__nav__link.navlink.first-level[href="/collections/lichidera-scot"] {
    color: red;
}
  • Save and reload the page

Current Status:
User reported not finding base.css in their code editor. They were advised to search for alternative CSS files (theme.css or stylesheet.css) and apply the same customization method. The discussion remains open pending confirmation of the solution’s success.

Summarized with AI on November 9. AI used: claude-sonnet-4-5-20250929.
1

Hello, need some help please with changing the color of a menu item. The store is:

nillux-romania

2

Hello @artera

Please share the proper store URL so that i can check and provide you the proper solution.

3

thebrandz.ro

4

Hello @artera

You can try this code: it might be helpful to you-

Navigate to the Online Store-> Theme-> Edit code-> Assets> theme.css or base.css → add below the code(bottom).

.header__nav__link.dlink {

color: red !important;

}

5

not working, already tried all the solutions provided in other threads. The theme I am using is Vantage, maybe it helps.

6

Which menu item color do you want to change? Please share a screenshot.

7

Screenshot 2024-05-16 at 12.59.53.png
Screenshot 2024-05-16 at 12.59.53.png3284×1098 430 KB

the one highlighted, I wanna make it red

8

Hi @artera ,

I checked your store, if you want to Change the color of one item in header, you just need to adjust a bit of CSS. Follow my instructions to resolve this problem:

  • Step 1: Sale channel => Online Store => Themes => Edit code:

view.png
view.png1732×842 83.4 KB

  • Step 2: Search base.css, and add the script css:
.header__nav__link.dlink.first-level[href="/collections/lichidare-stoc"] {
    color: red;
}

- Step 3: Save and reload page.

The result will be Changed the color of Item: “lichidare-stoc” as you want.

view.png
view.png1822×886 174 KB

Hope it helps!

If it helpful, please mark as a solution. Thanks and have a nice day sir!

9
  1. hello, thanks but I dont have base.css in the edit code list. what shall I do?
10

Hi @artera ,

Sorry for the confusion here.

You need to find the .css file, which contains the CSS code for your theme.

It could be stylesheet.css or theme.css.

Try the customization again in step 2.

Hope this helps.