Disable Slider Revolution on Mobile Devices (HELP!!!)

Solved
New Member
6 0 0

Hi everyone, 
I tried this code in my stylesheets and in the slider code. And no use it's still poping (the slider) : 

/* hide the slider on small screens */
@media (max-width: 767px){
  .main-slideshow {    display:none;    visibility:hidden;
  }
}

 it's still loading me the slider tho, at least tries.

what can I do to disable/hide it fully on my store only from mobile? 
(tried in style.css.liquid and in the slider code as well..)
Shop link: https://corleone-shop.com/  
***** BTW the code is changed doe the auto code correct in the message box

0 Likes
Highlighted
Shopify Partner
125 13 14

@Corleone 
Try this one

@media only screen and (max-width: 767px) {
.main-slideshow {
  display: none;
}
}

 

Shopify Expert Support
denisaksutik@gmail.com
https://thewebave.com/
0 Likes
Highlighted
New Member
6 0 0

Hi, 
first of all thanks for your reply. 
and I tried what you said and no use... 
I attached a picture as well.

0 Likes
Highlighted

Success.

Shopify Partner
125 13 14

@Corleone 

This one should work

@media only screen and (max-width: 768px) {
#shopify-section-slider-revolution {
  display: none;
  }
}
Shopify Expert Support
denisaksutik@gmail.com
https://thewebave.com/
0 Likes
Highlighted
New Member
6 0 0

Thank you very much !!! You helped a lot. 

0 Likes