Remove Slideshow For Mobile ONLY | Supply Theme

[DStanko]

Our Slideshow looks bad on mobile (too small), Is there a way to fix this? if not, how can i get rid of the slideshow for the mobile theme only?

Website: https://www.promosmart.com.au/

[Sandip]

Yes, it is possible.

If you provide two option for images it will be resolved either you can add two sliders for desktop and for mobile.

If you want we can help you.

[Jasoliya · Accepted solution]

Follow this:

Add this css in Asset->theme.scss file at bottom of page:

@media only screen and (max-width: 767px) {
      #shopify-section-slideshow{  display: none; }
}

[Ninthony]

You can follow @Jasoliya's adivce to completely hide your slideshow on mobile, or you can have a developer make a slideshow that you can add desktop and mobile versions to each of your slides. I have experience in this if you're looking to hire anyone, I can make a fully customized section for you. 

[Sandip]

Hey @Ninthony 

If you follow the @Jasoliya it will hide for mobile and it's not good for site 

[Ninthony]

Yeah it's not the best solution, but if you don't like how it looks other than hiring a developer to make a slideshow that has both a mobile and desktop image there isn't much you can do.

[Sandip]

Hey @Ninthony 

I have better solution for this 

Please provide 2 option for images one for desktop and one for mobile.

if you want to demo i have provide for this

[Ninthony]

@Sandip , no that's okay. I know how to do this myself if I need to. I was just telling @DStanko other than hiring a developer like me or yourself, there's not much he can do other than hide the slideshow. I'm sure they will reach out to you if they'd like to see your demo.

[Sandip]

Hey @Ninthony 

We have set in store See this screenshot.

Desktop (https://prnt.sc/ok7v1r)

Mobile (https://prnt.sc/ok7v5o)

[DStanko]

Thanks heaps!! it worked.