How to change active page color in navigation menu?

Store Design
, , , , ,

Topic summary

A user seeks to change the active page color in their navigation menu, including submenus, and provides a link to their Shopify store for reference.

Current Issue:

  • Another participant points out that the menu links appear to be broken or displaying incorrectly (showing garbled markup)
  • CSS code for styling the active page won’t work until the underlying menu link problem is resolved

Status: The discussion remains open with no solution yet, as the technical issue with the menu markup needs to be fixed first before applying color customizations.

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

Hi, I would like to have a different color for active page in navigation menu. Also in the submenu. Thanks. https://c31a31-2.myshopify.com/

pass: password

2

I think there’s a problem with the menu links right now. This css code will work when you fix that problem.