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

Will_Chown
New Member
11 0 0

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

 

 

0 Likes
Shopipoint
Shopify Expert
24 0 1

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

Feel free to contact with us if you need help related to shopify. https://shopipoint.com - Shopify expert
0 Likes
Will_Chown
New Member
11 0 0

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

0 Likes
Shopipoint
Shopify Expert
24 0 1

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

 

 

Feel free to contact with us if you need help related to shopify. https://shopipoint.com - Shopify expert
0 Likes
Deano303
New Member
2 0 0

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

0 Likes