Hide slider revolution on all but mobile homepage

[charlescthomson]

Hi support!

I couldn’t find a post specifically for this issue.
I’d like to hide my sliders on all my mobile pages except for my homepage.

I’m currently using the following to hide my sliders from mobile entirely:

@media (max-width: 480px) {
.x-slider-container.below {
display:none;
}

Is there a way to exempt my homepage from being hidden?
I’d still like my sliders to be visible on all other devices ie: anything larger than 480px.

Any help would be great!

site: georgianbaybiomed.com

Thanks,

[mldarshana]

Hi There @charlescthomson

Thanks for writing in! Could you please try using the following CSS rules and see if that helps.

@media(max-width:480px){
  .x-slider-container.below {
    display: none;
  }
  .home .x-slider-container.below {
    display: block;
  }
}

Hope that helps.