How can I change my desktop menu to a drawer style on the left?

Store Design
1

Hello,

I’m looking to move my menu on Desktop to a drawer style on the left hand side, with the 3 lines like a mobile to open the menu. Example of how I would like it to look is attached.

Is this a custom fix?

Thanks,

Courtney

Menu.png
Menu.png409×840 146 KB

2

@Courtney_Hogan

Please share your store URL!

Thanks!

3

www.cleoharper.com.au

4

@Courtney_Hogan

  1. Go to Online Store->Theme->Edit code

  2. Asset->/stylesheet.css.css ->paste below code at the bottom of the file.

@media screen and (min-width: 981px){
.mobile-only.span-1 {display: block !important;}
 #mobile-cart{display:none !important;}
}

Thanks!

1 Like
5

Thank you so much! That worked. Is there any way to hide the menu in the header next to our logo?

Menu 2.png
Menu 2.png1545×827 263 KB

1 Like
6

@Courtney_Hogan

Please add following css

ul#main-nav {display: none !important;}
1 Like
7

@Courtney_Hogan

Thanks!

8

Thank you!