Removing header from menu drawer DAWN THEME

Store Design
, , , ,
1

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

This is what I mean
This is what I mean2360×1411 296 KB

2

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 :slightly_smiling_face:

3

Hi @Nienke_pr ,

  1. Go to customize your theme;

Screenshot 2024-07-22 212720.png
Screenshot 2024-07-22 212720.png822×112 11.3 KB

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

Screenshot 2024-07-22 212838.png
Screenshot 2024-07-22 212838.png301×195 8.87 KB

  1. 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;
}

  1. Save and test the feature

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

4

Hi thanks!

If i try it Shopify does not want to save it

IMG_3674.jpeg
IMG_3674.jpeg1610×1422 285 KB

5

Hi!

https://miyucollective.com

6

.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

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

This is correct