Is it possible to change the menu background color in header (Dawn Theme)

[SandyChan]

Dear all,

I’m trying to add background color for the menu in the header

then I searched the forum and added following code:

sections/header.liquid

assets/base.css

```css
.header__inline-menu{
background:#C2B7AC;
width:100%;
text-align:center;
}

The result is like this:

However I would like the background to be full screen width instead, like:

Is it possible? How could I make this work?
Many thanks!

[Moeed]

Hey @SandyChan

Share your Store URL and Password if enabled,

Best Regards,

Moeed

[SandyChan]

Hi Moeed,

This is the link of the site I’m still working on, pw chohff.

Thanks

[DaisyVo]

Hi @SandyChan

I hope you are well. You can follow our instructions below:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there

Here is the code for Step 3:

header.header {
    padding: 0 !important;
}

Please let me know if it works. Thank you!

Best,

Daisy - Avada Support Team.

[SandyChan]

Hi DaisyVo,

Thanks for the solution! It works!