How to change the menu line background color in Dawn theme?

Store Design
1

Hello everyone,

I’m hoping to receive some assistance. I’m curious to know how I can alter the background color of only the menu line, not the entire header, in the Dawn.

Thank you in advance for any guidance you can offer.

2

Hi @krystald ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file:

ul.list-menu.list-menu--inline {
    background: red;   
}

Note: You can adjust the color to fit your store

Hope my answer will help you.

Best regards,

Victor | PageFly

3

Thank you, that’s exactly what I wanted. One more question if you don’t mind: How can I change the color of the menu text

4

You can add this code to base.css:

ul.list-menu.list-menu--inline > li > a {
    color: white !important;
}

Note: You can adjust the color to fit your store