How to make Burger menu for Desktop Dawn theme

Solved

How to make Burger menu for Desktop Dawn theme

Onlinetrap
Shopify Partner
81 0 10

Hi there! I am looking to make a burger menu on the DAWN theme, does anyone have a code I can use? Thanks in advance!

Screenshot 2024-02-22 at 13.41.19.png

Accepted Solution (1)
Zeel-prajapatii
Shopify Partner
138 32 27

This is an accepted solution.

Hey @Onlinetrap please add the below css to the "base.css" file.

 

#shopify-section-header .header__inline-menu{
  display:none;
}
#shopify-section-header header-drawer {
  display: block;
}
#shopify-section-header .header--middle-left {
    grid-template-areas: "navigation heading icons";
    grid-template-columns: 1fr auto 1fr;
}
➔ Was I helpful , please don't forget to like and mark solution as an accepted solution , you can PM me.
➔ Software engineer : Having more than 3 years of experience in the related industry with the specialization of Shopify theme development , worked on hundreds of stores.
➔ Want to hire me? Email me

View solution in original post

Replies 6 (6)

Zeel-prajapatii
Shopify Partner
138 32 27

Hey @Onlinetrap No need to do any code, you can unable it using below steps and settings.

 

Go to customization > Header , now click on the Drawer.

 

Zeelprajapatii_0-1708605924549.png

 

Thanks

 

➔ Was I helpful , please don't forget to like and mark solution as an accepted solution , you can PM me.
➔ Software engineer : Having more than 3 years of experience in the related industry with the specialization of Shopify theme development , worked on hundreds of stores.
➔ Want to hire me? Email me
Onlinetrap
Shopify Partner
81 0 10

Thanks a lot for your solution, but the odd thing is that I don't have the option to choose:

Screenshot 2024-02-22 at 14.30.15.png

Screenshot 2024-02-22 at 14.30.23.png

  

Zeel-prajapatii
Shopify Partner
138 32 27

Hey @Onlinetrap can you please share your website URL ? 

 

Thanks

➔ Was I helpful , please don't forget to like and mark solution as an accepted solution , you can PM me.
➔ Software engineer : Having more than 3 years of experience in the related industry with the specialization of Shopify theme development , worked on hundreds of stores.
➔ Want to hire me? Email me
Onlinetrap
Shopify Partner
81 0 10

Sure thing: https://zoluxhud.no/

I am not editing on this version tho, but its the same theme. Thanks again!

Zeel-prajapatii
Shopify Partner
138 32 27

This is an accepted solution.

Hey @Onlinetrap please add the below css to the "base.css" file.

 

#shopify-section-header .header__inline-menu{
  display:none;
}
#shopify-section-header header-drawer {
  display: block;
}
#shopify-section-header .header--middle-left {
    grid-template-areas: "navigation heading icons";
    grid-template-columns: 1fr auto 1fr;
}
➔ Was I helpful , please don't forget to like and mark solution as an accepted solution , you can PM me.
➔ Software engineer : Having more than 3 years of experience in the related industry with the specialization of Shopify theme development , worked on hundreds of stores.
➔ Want to hire me? Email me
Onlinetrap
Shopify Partner
81 0 10

Awesome, that worked! Thank you! 🙂