Disable Slider Revolution On Mobile

ijhenderson01

Hello,

I'd like to disable slider revolution on mobile devices. I have it disabled within my slider, but it still shows up.

Is there a setting within betheme that does this or if there is custom css could someone please provide it to me?

Thank you very much.

Phil

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

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

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