Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #440038

    I am using only one image within my slideshow and it is much too small on mobile devices. How can I substitute a different image on smaller devices?

    If this is not possible, cn you tell me how to swap an image within the content for another image on mobile devices?

    Thanks.

    #440521

    Hi swhowarddesign!

    we would need a link showing that image to provide you some CSS code for mobile device. You can post your link here as private message if you wish.

    Regards,
    Andy

    #513300

    Hi there,

    I have a very similar situation: I would like to replace the slideshow on mobile devices with just one static image. Can you kindly help me with this? How can I do that?

    Thanks a lot in advance
    Shaoxuming

    #513546

    Hi,

    Add a color section under the slider and add the id fullscreen_slider_0_mobile to it in the element options. Then add the following CSS to Quick CSS under Enfold–>General Styling:

    @media only screen and (min-width: 768px) {
     #fullscreen_slider_0 {
    display:block !important;
    }
     #fullscreen_slider_0_mobile {
    display:none !important;
    }
    }
    
    @media only screen and (max-width: 767px) {
     #fullscreen_slider_0 {
    display:none !important;
    }
     #ffullscreen_slider_0_mobile {
    display:block !important;
    }
    }

    Cheers!
    Rikard

    #515676

    Hey Rikard,

    thanks a lot for your helpful reply!! We are so much under time pressure here, I could not find the time earlier to get back to you. It is much appreciated and I will try out your suggested solution :-)

    Best
    Shaoxuming

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Replace Slideshow image on Mobile’ is closed to new replies.