Change the color of a single navigation menu - Impulse theme

Store Design

Topic summary

A user seeks CSS code to change the color of a single navigation menu item (“SALE”) to red in the Impulse theme, affecting both the main header and responsive sidebar menu.

Solution Provided:
Another user shares CSS code targeting specific navigation elements using nth-child selectors to apply red color styling. The code includes selectors for both desktop header navigation and mobile drawer navigation.

Follow-up Questions:

  • The original poster asks about adjusting the underline color that appears on rollover/hover
  • A third user inquires how to modify the approach for targeting other specific menu sections, such as items within dropdown menus

Status: The initial color change request was resolved, but additional customization questions remain unanswered.

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

Hello -

I’m looking for CSS coding help on the Impulse Theme. I would like to change the text color of ONLY one navigation menu item to highlight it - the “SALE” menu should appear in red rather than black and also in the sidebar menu (responsive design).

Website link: https://www.lachiccalgary.com/

2

Hi @AWoo

Add the following code to the bottom of your theme.css file:

#shopify-section-header > div:nth-child(3) > div.header-sticky-wrapper > div > div > header > div.page-width > div > div.header-item.header-item--navigation.text-center > ul > li:nth-child(1) > a {
    color: red;
}

#NavDrawer > div > div.drawer__scrollable > ul.mobile-nav > li.mobile-nav__item.appear-animation.appear-delay-2 > a {
    color: red;
}

That should do it! Don’t forget to like & mark as a solution to help the community find answers faster, cheers!

1 Like
3

This is fantastic thank you!
Any insight on if we can also adjust the underline color that appears on rollover?

4

And if i would like to change other sections of my menu? For example only “Borse reversibili” under the “Borse” dropdown?

1 Like