Dawn theme - Image background in the head menu too

[Pyar]

Hi,

I find a code to add an image background on my website and It worked, but I would like to have it also behind the head menu (see foto). Can someone help me please ?

The code I add to base.css :

#MainContent{
background-image: url(https://cdn.shopify.com/s/files/1/0631/6294/1662/files/slider-agency-website-slide-01-bg.jpg?v=1645662610);
background-size: cover;
background-position: center;
background-attachment: fixed;
}

Website : https://salima-ouhmad.myshopify.com/?key=81c87c18254f9e8c9768d1aeb30e692837b7240d9c4c0407e68ab5fd3b473afb

password : reisos

[AvadaCommerce]

Hi @Pyar ,

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css->paste below code at the bottom of the file:

.header-wrapper {
    background-image: url(https://cdn.shopify.com/s/files/1/0631/6294/1662/files/slider-agency-website-slide-01-bg.jpg?v=16456...) !important;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.

[Pyar]

Hi @AvadaCommerce ,

thank you very much it worked perfectly, but how can I remove the “shadow effect” (I mean the color difference) in my image banner. I would like to be the same “brightness”. Can you help me please ?