Want to hide the sidebar menu in my theme in mobile mode

[Will_Chown]

Hi everyone,

trying to get rid of my sidebar menu (the green one when you shrink the screen) on mobiles and wondered if you knew were the code was to do this? as you can see on this screen when you shrink it, it has 2 menus. http://shop.junglistnetwork.com/collections/accessories

just the toggle button that needs to go. i think it might be to do with this in the liquid file

 <button class="dl-trigger"><i class="icon-align-justify"></i></button>

but struggling to get it to vanish

[Shopipoint]

Hi Will, You can hide the toogle menu for mobile by deleting one line of code from collection-sidebar.liquid file.

Go to theme file and open under collection-sidebar.liquid snippet folder. Then remove or comment this code to disable the toggle button.

<a class="show mobile-3" href="#"><i class="icon-align-justify icon-2x"></i></a>

You can comment this like 

{% comment %}<a class="show mobile-3" href="#"><i class="icon-align-justify icon-2x"></i></a>{% endcomment %}

Hope this helps.

Thanks

Mas

[Will_Chown]

Thanks, i ended up adding

a.show.mobile-3 {
display: none! important;
}

to the stylesheet.css.liquid

which did the trick for now. May give your a try later as important is not ideal

[Shopipoint]

Glad to hear Will. I knew this quick solution but not did cause it can be hidden other <a> which has class show mobile-3  :)

Thanks

Mas

[Deano303]

Install this App:  Just use free version:

https://apps.shopify.com/code-customizer

Then add this code to the apps Custom CSS page, Scroll down to add code for different screen widths:

#shopify-section-product-sidebar {
display: none;
}

All Done
Tested works with Turbo Theme here:

https://trucknco.com.au/products/engraved-name-logo-and-backside-logo-image