Support » Plugin: Master Slider - Responsive Touch Slider » Hide master-slider on mobile site

Viewing 6 replies - 1 through 6 (of 6 total)
  • Alex

    (@molecularcode)

    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?

    Plugin Author averta

    (@averta)

    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!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Hide master-slider on mobile site’ is closed to new replies.