Disable Slider Revolution On Mobile

Comments

• Phil

  October 2022

  Hi,

  You can place your slider on a page with the Slider Plugin element, and in this element setting, you can hide it from the mobile display.

  

  
  

  Best regards

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• ijhenderson01

  October 2022

  Hey Phil, I understand if I'm adding a new element, but I am trying to do it specifically on the the header slider, when I click the header from BeTheme Builder it does not appear to click or give me the option to disable mobile.

  My site is https://wcww.ca. The problem I'm facing is on mobile, the slider makes the logo stack with the navbar logo and creates an undesired effect.

  Just to reiterate, I have disabled slider on mobile within slider revolution.

  Thanks for your attention to this matter.
• Phil

  October 2022

  Please, use the following CSS code:

  @media only screen and (max-width:767px){
     .mfn-main-slider{
        display: none;
     }
  }
  

  Put it in the Custom CSS field in the Page Options of the Home page.

  

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next