Dawn Theme - Add background color to desktop menu buttons

I’m looking for CSS to adjust the background color for desktop only menu buttons. I’d also like to be able to adjust button hover color & ‘current menu button selected’ color.

https://milkymotorsports.com/

Hallo @milkymotorsport

Are you talking about this?

@harivishwakarma yes!

Hallo @milkymotorsport

You can add code by following these steps to change

  1. Go to Online Store → Theme → Edit code > assets > base.css

paste below code at bottom(base.css)

(Change the color according to you.)


ul.list-menu.list-menu--inline {
background: rgb(255 0 0);
}

If you require any further information, feel free to contact me.

Best regards,

@harivishwakarma Can you advise on hover color and ‘active menu item’ color as well?

Hallo @milkymotorsport

You can add code by following these steps to change

  1. Go to Online Store → Theme → Edit code > assets > base.css

paste below code at bottom(base.css)

nav.header__inline-menu ul li :hover {
color: #beff00!important;
}

(There is no active class in your menu, but even if you add this css, the color of the first class will change.)

nav.header__inline-menu ul li :first-child {
color: #beff00!important;
}

please like and accept soluction (all reply)

If you require any further information, feel free to contact me.

Best regards,