• Resolved jimithing007

    (@jimithing007)


    Hi,

    Is there some CSS code that will substitute out one slider for another? I’m trying to have one particular slider at the top of my desktop page, but a different one for the mobile site.

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Dear jimithing007,

    Thanks for contacting us.
    For reaching the result you want to have it is necessary to include a media query in the plugin’s codes. Thus, first of all, two shortcodes of the slider should be added on one page and with the help of one of the query’s the slider should work for the desktop (which will keep the slider on a desktop and will hide on a mobile) and the second one should work for the mobile and hide the slider from the desktop.

    Please, open the following file:

    slider\front-end\reslide-front-end.css.php

    and add two queries there:

    @media only screen and (max-width: 600px){
    #slider76_container_ {
    display: none !important;
    }
    #slider77_container_ {
    display: block !important;
    }
    }

    @media only screen and (min-width: 601px){
    #slider76_container_ {
    display: block !important;
    }
    #slider77_container_ {
    display: none !important;
    }
    }

    The pixels are the size of the screen.

    We will wait for youre results.

    Thanks

    Thread Starter jimithing007

    (@jimithing007)

    Works great! I added it under the “Additional CSS” section in the WordPress customizer. Works as intended. Thank you!

    Dear jimithing007,

    We are delighted to receive your reply
    Thank you very much for keeping us informed.
    In the case, if you need our help any further, feel free to ask.
    We will be glad to assist.

    Wish you all the best!

    Thread Starter jimithing007

    (@jimithing007)

    Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Subbing out a different slider for mobile version’ is closed to new replies.