Change color on navigation click

Store Design
, , , , , , ,

Topic summary

A user seeks to change the mobile navigation menu background from white to black with white text.

Solution Provided:

  • Access the theme’s CSS file through the Shopify theme editor
  • Add custom CSS code targeting .mobile-nav with background-color: black !important
  • An image guide was shared showing the step-by-step process

Related Issue:
Another participant reports a similar problem on desktop where selected menu items become invisible due to a white background, suggesting this may be a broader theme styling issue affecting multiple navigation contexts.

Status: Initial solution offered but not yet confirmed as resolved.

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

Hi> > when clicked navigation menu mobile it’s white background. I want to keep it the same black with white font> > my site is https://luxurymrkt.com> > thanks> >

B39B46A7-3F8F-4A45-9186-517D7111AB45.png
B39B46A7-3F8F-4A45-9186-517D7111AB45.png1170×2532 213 KB

2
  • Please follow these steps:

step.png
step.png1865×854 125 KB

  • Then find the theme.css file.

  • Then add the following code:

.mobile-nav__link {
 background-color: black !important;
}

  • Then press ‘Save’ to save the code.

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

1 Like
3

I think I have the same problem on the desktop version. The selected menu item is not visible when selected. It shows as a white background.