How can I change the 'Home' button color on my menu?

[caroline32]

I have just changed the menu color from white to black with the code listed below, but the "Home" tab didnt change to black. please help!

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

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

[drakedev]

Which Shopify theme are you using?

[caroline32]

I use the Dawn theme. I just realized the Home button is only white because it's clicked on. meaning if I were to go to a different menu item, that one turns white. How would I change the color of the menu item once its clicked on?

[drakedev · Accepted solution]

You can comment your code and try this

.header__active-menu-item {
    color: red;
}

[caroline32]

Thank you! How would I change the menu color to just apply to the desktop view and not the mobile view?

[drakedev]

You can use CSS media queries. Dawn mobile menu breakpoint is at 989px therefore this code should work and change the menu link colors only on desktop view

@media screen and (min-width:990px) {
  .header__active-menu-item {
    color: red;
  }
}