Removing header from menu drawer DAWN THEME

[Nienke_pr]

Hi guys,

I would like to remove the header on the menu drawer. When I click on the menu on the side it shows the header but I would like it to blend it in with the black color. Can anyone help me?

Thanks! 

Nienke

[MaverickStudio]

Hi @Nienke_pr,

Welcome to the community Nienke! Could you please send the store url so we can have a look? If it is a development store then do provide the password as well 🙂

[Nienke_pr]

Hi!

https://miyucollective.com

[Gideon11]

Hi @Nienke_pr, 
1. Go to customize your theme;

 

2. Click on Header and scroll to the bottom then click Custom CSS

3. Copy and paste the following code, make sure to replace the #ffffff with the specific hex code for the black you want.

.header-wrapper:has(details[open]) {
  //Replace #ffffff with your desired shade of black
  background-color: #ffffff;
}

4. Save and test the feature

5. If this worked for you, make as solution to help other merchants. 

[Nienke_pr]

Hi thanks! 

If i try it Shopify does not want to save it

[Gideon11]

.header-wrapper:has(details[open]) {
/* Replace #ffffff with your desired shade of black */
background-color: #ffffff;
}

Hello, replace with code with the above

Please mark as solution if it worked for you

[Gideon11]

.header-wrapper:has(details[open]) {
/* Replace #ffffff with your desired shade of black */
background-color: #ffffff;
}

This is correct