Remove burger icon (sidebar menu)

Solved

Remove burger icon (sidebar menu)

sammyb09
New Member
13 0 0

Hello,

 

I want to remove the burger icon from my header on my store. It dosent seem to appear in my desktop mode but when i go to the mobile configuration it is there. You cant actually see it in mobile mode but when you hover over it (click to left of logo) it appears.

 

If anyone knows hwo to remove this then that would be great.

 

Thanks,

Sam

Accepted Solution (1)

Moeed
Shopify Partner
5409 1461 1749

This is an accepted solution.

Hey @sammyb09 

 

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 </body> tag

<style>
@media screen and (max-width: 767px) {
header-drawer {
    display: none !important;
}
}
</style>

RESULT:

Moeed_0-1727812407954.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 2 (2)

Moeed
Shopify Partner
5409 1461 1749

This is an accepted solution.

Hey @sammyb09 

 

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 </body> tag

<style>
@media screen and (max-width: 767px) {
header-drawer {
    display: none !important;
}
}
</style>

RESULT:

Moeed_0-1727812407954.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


sammyb09
New Member
13 0 0

Thank you @Moeed ! Great help

 

Would you be able to help me with sizing down my logo on mobile? it is good size for desktop but i would like it smaller and to the left on mobile

sammyb09_0-1727813154812.png




thanks for your help!