Dawn Theme Drawer Menu Customization

Shopify Discussion
1

Hello,

How can I customize the drawer menu to cover also the header? I have tried many codes from previous discussion posts but most of them will cover also the close drawer button.

If it is easier, I am also comfortable with having the header to become white when the drawer opens.

https://7znznovmf1at9jb1-75816665414.shopifypreview.com

Thank you in advance

16471724935525_.pic.jpg
16471724935525_.pic.jpg2464×1342 88 KB

2

Hey @Alessio0000

Share your Store URL and Password if enabled.

Best Regards,

Moeed

3

https://7znznovmf1at9jb1-75816665414.shopifypreview.com

4

@Alessio0000 ,

Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the file theme.liquid.

Step 3. Add this code above

Result:

BSSCommerceB2B_0-1724936843872.png
BSSCommerceB2B_0-1724936843872.png1397×878 62.5 KB

5

Hey @Alessio0000

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1724936713457.png
Moeed_0-1724936713457.png1905×855 76.3 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

6

Hi Moeed,

Thank you for the code!

However, I saw that when I close down the drawer menu, the header turns transparent before the drawer closes - leaving an unpleasant visual. Is it possible to add a transformation time to the header changing color?

Thank you in advance