I want the hamburger icon on menu on Desktop Debut

Store Design
1

Hi,

I have the hamburger icon on my site when it’s loaded on the mobile, but not when on desktop or tablet.please can someone advise how I can get the hamburger icon on desktop/tablet too.

thanks in advance.

2

@BirdyClothingCo

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

3

Hi thank you, my url is below,

birdyclothingco.com

Any help is much appreciated.

1 Like
4

@BirdyClothingCo

Please add the following code at the bottom of your assets/theme.scss.liquid or theme.css file.

.mobile-nav-wrapper.js-menu--is-open {display: block !important;}
.site-header__menu {display: block !important;}
.site-nav {display: none !important;}

Hope this works.

Thanks!

2 Likes
5

Thank you so much!!! Worked a treat!

6

Hi dmwwebartisan,

how can i have the hamburger menu on the left on its own?

Is there a way to have a drawer menu appear as a result of this hamburger menu as well?

Thank you!

7

@Rellon

Please share your webshop URL.

Thanks!

8

Thanks!

PW is ‘noller123’

1 Like
9

@Rellon

I have check your webshop this is customization work please hire Shopify expert or please PM to me.

Thanks!

10

Hi Mates,

I have a website for which I want to convert my desktop menu to a hamburger menu or simply display the mobile menu on the desktop.

11

Do you know how to do this on the Symmetry theme? I’m stuck! :folded_hands:

12

Need help with this also!

13

Hi! I don’t have any code line named “theme.scss.liquid or theme.css” in the assets/

Where should I paste the code?

https://marymagdaleneshop.com/password

pass: deawiy

14

I need help with this too, I don’t see anything that says that either on my theme