Hide master-slider on mobile site

Hi

I think ms-container and master-slider are both classes, not IDs, therefore they would be prefixed by ‘.’ not ‘#’.

Secondly, if you want to hide the slider under 960px, you would use max-width: 960px, not min.

hope that helps

Dear friend,

Please use this css code on your style,

@media only screen and (max-width: 960px) {
.ms-container{ display: none;}
.master-slider{ display: none;}
}

Thank you for your patience.

All The Best
Averta

hi,

I made a slider for the normal site and one for the mobile.
How can I hide one and not the other?

@amira1

use this plugin :
https://www.ads-software.com/plugins/wp-mobile-detect/

Hi,

Each slider has a certain class name like ms-parent-id-1.
The number 1 is slider id that you can take it in slider lists in admin area.

You need to write some custom styles like this:

@media ... and (...) {
.ms-parent-id-1 { display:none; } /*hide this slider*/
.ms-parent-id-2 { display: block; } /*show this slider*/
}

Regards
Averta

Hi!
Where do I put this custom style? And what am I supposed to write after @media….?
My slides are called “ms-1” (for regular web) and “ms-1-1” (for mobile view).

Thanks!