Theme studio - change navigation text color

Store Design
1

Hi there,

How can I change the navigation text in the theme editor of theme Studio, rather than the code editor?

Kind regards,

Eda

2

Hi @Eda90

Please follow these steps:

  1. Go to Online Store > Themes > Customize → You’ll land on the homepage of your live site.

  2. On the left-hand side, look for “Theme Settings” → “Colors”

  3. Scroll to the section for the Header. This is where you can change typography colors (ie Text, Text Hover, Overlay text, etc) for the navigation menu.

If you have the header set to “Overlay” on the homepage, changing the Overlay Text color in the Theme Settings should do the trick.

3

Hello @Eda90

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

a.header__menu-item.list-menu__item.link.link--text.focus-inset {
    color: red !important;
} 
summary.header__menu-item.list-menu__item.link.focus-inset {
    color: red !important;
}