Navigation
Archive / Image instead of slider on mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 21, 2017 at 2:11 am #1379422
    aleadfreak
    Participant

    Hi,

    How would I get my site to show an image instead of a layerslider when the page is opened up on a mobile device? The slider is incomprehensible on mobile.

    leadfreak.co.uk

    Thanks

    Alex

    February 21, 2017 at 4:38 am #1379544
    Christopher
    Moderator

    Hi there,

    Please add a section and use visibility options under section’s settings to hide it on larger screens.
    To hide slider on smaller screen, please add following code in Customize -> Custom -> Global CSS :

    @media (max-width:767px){
.x-slider-container.below.ls-direction-fix {
    display: none;
}
}

    Hope it helps.

    March 17, 2017 at 4:09 am #1410821
    aleadfreak
    Participant

    Thanks Christopher.

    What image size would you recommend?

    Thanks

    Alex

    March 17, 2017 at 10:26 am #1411110
    Jade
    Moderator

    Hi Alex,

    The images size would depend on which screen resolution you want to support but for slider, you may use images with width 1920px.

    Hope this helps.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1379422 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>