Removing header from menu drawer

[Nienke_pr]

Hi guys,

I would like to remove the header from the menu drawer. Could anyone help me?
I use the Dawn theme.

miyucollective.com

[BSS-TekLabs]

Hi @Nienke_pr,

Could you please clarify what you mean by removing the header from the menu drawer? This information would greatly assist us in providing you with the necessary support.

[Nienke_pr]

I hope the photo helps. When I open the menu drawer I would like to delete the header

[Nienke_pr]

For desktop and mobile

[BSS-TekLabs · Accepted solution]

If you mean to make the drawer appear on top of the header, here are the steps you can follow:

1, Navigate to Online Store > Themes > Edit Code.

2, Locate and open the base.css (or theme.css, custom.css) file.

3, Paste the code snippet provided below at the bottom of the file, then save your changes.

#menu-drawer {
    position: fixed;
    top: 0;
}

@media screen and (max-width: 749px) {
    #menu-drawer {
        width: 80%;
    }
}

Here is the result

We hope this assists in resolving the issue.

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!

[Nienke_pr]

Thanks! And is it also possible to remove the header on the left when the menu drawer is open as shown in my picture?

[BSS-TekLabs]

Unfortunately, since the drawer is part of the header, removing the header will also result in the drawer being removed. Can we do any other customization for you?