Hide slideshow on mobile site

Highlighted
New Member
4 0 0

Hi guys,

 

I am using Icon theme on my website and was wondering how to hide the slideshow on mobile site. My website is https://duluminati.com

 

 

thanks,

0 Likes
Highlighted
Shopify Staff
Shopify Staff
239 9 51

Hi, Kamo! 
Morgan here from the Social Media team at Shopify. 

Hope you are doing well. Is there a reason you are looking to hide the slider from your mobile view? Sliders can be a great way to showcase your brand when customers are browsing. Mobile is also one of the most popular devices used to view fashion shops. 

If your slider is acting up, or not displaying how you would like or as intended we can definitely have that fixed for you. 

However, if you are looking to remove the slider from mobile alll together the easiest way is to add this code to the bottom of your disctrict.scss.liquid Asset:

/* --tim: hide slideshow on smaller screens */
@media screen and (max-width:640px){
    .slideshow-section {
        display: none;
    }
}

Let us know if you have any questions on this! 

Cheers,
Morgan F 

Morgan | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

1 Like
Highlighted
Tourist
6 0 1

 Hi, 

This code doesn't seem to work for my site, I'm using Motion theme and don't seem to have a Asset->/theme.scss.liquid section, I only have Asset->/theme.css.liquid. 

 

Could you advise? 

 

Thanks! 

0 Likes