Dawn Burger Menu on Desktop

Solved
Armeet
New Member
2 0 1

I would like to display the burger menu on Dekstop too, similar to how it looks on mobile devices. My store URL is www.structshop.com and the password is "aipalu". 

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
9824 2236 3073

This is an accepted solution.

@Armeet 

 Please follow these steps: - Step 1: Go to Online store > Themes > Actions > Edit code. - Step 2: Go to Assets >base.css and paste this at the bottom of the file.

@media screen and (min-width: 990px){
.header--top-center>.header__search, .header:not(.header--top-center) *>.header__search {display: none !important;}
.header:not(.header--middle-left) .header__inline-menu { display: none !important;}
.header--top-center *>.header__search, .header:not(.header--top-center)>.header__search { display: inline-flex !important;}
header-drawer {display: block !important;}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 3 (3)
dmwwebartisan
Shopify Partner
9824 2236 3073

This is an accepted solution.

@Armeet 

 Please follow these steps: - Step 1: Go to Online store > Themes > Actions > Edit code. - Step 2: Go to Assets >base.css and paste this at the bottom of the file.

@media screen and (min-width: 990px){
.header--top-center>.header__search, .header:not(.header--top-center) *>.header__search {display: none !important;}
.header:not(.header--middle-left) .header__inline-menu { display: none !important;}
.header--top-center *>.header__search, .header:not(.header--top-center)>.header__search { display: inline-flex !important;}
header-drawer {display: block !important;}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Armeet
New Member
2 0 1

Worked perfectly! Thank you so much @dmwwebartisan!

dmwwebartisan
Shopify Partner
9824 2236 3073

@Armeet 

If helpful then please Like Solution

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →