Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #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

    #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.

    #1410821
    aleadfreak
    Participant

    Thanks Christopher.

    What image size would you recommend?

    Thanks

    Alex

    #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.

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