Avada Forums Community Forum How to disable Page Slider on mobile

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • pbraswp
    Participant
    Post count: 1

    I have created a page and I’m using the Fusion Page Options to set a Sliders and that works, but I want to turn it off for mobile is there a way to do that? I only found a way to replace a image but I want to disable it complitly in mobile.

    pdl130l
    Participant
    Post count: 1

    I had this issue. Build it within the Fusion Builder. Basically, add a new column in. Add “Fusion Slider” element then edit the column setting to disable the slider from a small screen. If you want the slider to go across the full width, make sure the page is set to 100% width and the column is set to 100% width and also adjust the padding settings etc.

    epottsy
    Participant
    Post count: 2

    Hi,

    you may use this in CSS

    @media
    only screen and (max-width: 767px) {
    .fusion-slider-container {
    display: none !important;
    }
    }
    Regards

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.