Change product gallery from stacked to slideshow on mobile 7.0

Site URL: https://www.prsnlhb.com/view-all

x

Site URL: https://www.prsnlhb.com/view-all

Hi everyone, 

I'm hoping someone can help me with a mobile product gallery issue. I'm trying to have my product images sliding left to right (slideshow) instead of up and down (stacked) on mobile. 

Any help would be much appreciated.

Thank you!!  

465be432f5264589999d070890466bcf.MOV

Hmm probably the easiest way would be to create two galleries and then hide one on mobile and the other on desktop with CSS.

@mobile:  ~"only screen and (max-width: 640px)";
@tablet:  ~"only screen and (min-width: 641px) and (max-width: 949px)";

// CSS FOR TABLET //
@media @tablet {

}

// CSS FOR MOBILE //
@media @mobile {

}