Help with header menu item color change

Store Design
,

Topic summary

A Shopify store owner using the Ride theme needed help changing the color of a specific header menu item (“Fundraising Startup Coaching”) to yellow (#FCD14E).

Initial Problem:

  • Custom CSS was added to theme.liquid to change the link color
  • The styling worked on the homepage but had two issues:
    1. The link reverted to white when visiting the actual Fundraising Startup Coaching page
    2. The link appeared white on mobile devices

Solution Provided:
Two community members offered CSS fixes:

  • Adding a#HeaderMenu-fundraising-startup-coaching span { color: #FCD14E !important; } to target the span element within the link
  • An alternative CSS snippet was also suggested

Resolution:
The issue was successfully resolved. The store owner confirmed the solution worked perfectly across all pages and devices.

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

I recently got some help changing the color of one of our header menu items in Ride theme. Our site is www.acceleratefundraising.org.

I added the following code to my theme.liquid file to change the color of one of our header menu links:

This mostly worked, but there are 2 issues. Here is the menu from the home page, which is what it should look like:

header menu home.png
header menu home.png901×146 9.62 KB

However, when you click on the Fundraising Startup Coaching page itself, the link reverts to white:

header menu coaching.png
header menu coaching.png887×145 9.47 KB

Additionally, the link color on mobile is white as well:

header menu mobile.png
header menu mobile.png557×502 54.5 KB

I would like for the Fundraising Startup Coaching link to be yellow (#DCF41E) at all times.

2

@leyaburns - add this css too and it will work

a#HeaderMenu-fundraising-startup-coaching span {color: #DCF41E !important;}
3

Change it to this

4

This worked like a charm - thank you so much!