Change color of one header menu item Ride theme

Topic summary

A user wants to change the color of a single header menu item (“Fundraising Startup Package”) to their brand yellow (#CD4F1E) while keeping other menu items in their current color on a Shopify store using the Ride theme 15.0.

Initial Solution:

  • A community member provided CSS code to be added to the theme.liquid file before the tag
  • The code targets the specific menu item using its ID: a#HeaderMenu-fundraising-startup-package

Current Issue:

  • The solution works on all pages except the Fundraising Startup Package page itself
  • When viewing that specific page, the menu link reverts to white instead of maintaining the yellow color
  • The user has posted screenshots showing the problem and is seeking additional suggestions to fix this active page state styling issue

Status: Unresolved - awaiting further guidance on how to maintain the custom color on the active page.

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

I’m trying to change the color of just one header menu link on our site; I’ve tried a number of solutions that I’ve found on this forum but haven’t been able to make any of them work.

Our site is: https://www.acceleratefundraising.org/ and we’re using Ride theme 15.0.

I want to change the “Fundraising Startup Package” to be our brand yellow (#DCF41E) while keeping all other menu items the current color.

Here’s what it looks like now:

And here is a mockup of what it should look like:

Hello @leyaburns

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

a#HeaderMenu-fundraising-startup-package { color: #DCF41E !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

1 Like

This worked, thank you!

This worked for all pages except the page itself - when you’re on that page, it reverts to white. Any ideas?

Hi @niraj_patel , this works except for on the Fundraising Startup Package page itself - on that page, the link reverts to white. Any suggestions?