Revolution Slider Showing on Mobile When Disabled

[emosamurai]

Can someone help me figure out why my revolution slider even though the “Disable on Mobile” setting is set to ON it still shows up on the phone?

I’ve emptied the W-3 cache many times and it’s still showing up.

Site is http://fixmygateaustin.com

Thanks!

[Bark201]

Yeah, you need to disable it from inside the slider itself as well.

[emosamurai]

Where would I do that at?

[emosamurai]

I have changed this setting on all slides and it still loads.

UPDATE: So it looks like it’s not loading now, thanks to @Bark201 but now there’s a giant white space where the slider was. I have enabled the “Fallback” image in the slide settings, so why isn’t it showing up?

[nico]

Hi @emosamurai,

Thanks for writing in.

Upon checking your setup, I could not be able to replicate the issue. both desktop and mobile showing no white space.

Would you mind confirming if it is okay already?

If not please try to check again and clear your site and browser cache.

Let us know how it goes.

Thanks.

[emosamurai]

Ok so the white space is gone, but how do I get just a static image to be there where the slider was?

[mldarshana]

Hi There,

You can simply add a Cornerstone section on top of the page and you can even hide it on certain devices/breakpoints.

Hope that helps.

[emosamurai]

I did that and now there’s a big white space again!

[christopher]

Hi there,

Kindly purge the cache and deactivate the W3 cache temporarily till this matter solves as each time we see another view than the one you described.

To make sure that there is no other factor in the way please turn off the Parallax effect in the Revolution Slider.

Then follow up the same method @Bark201 mentioned to hide the slider on mobile devices.

After that kindly add a section as the first section of the page in the Cornerstone.

Then Click on the advanced option of the background option inside the Section. You will need to click on the magnifying glass icon of the section to see the settings:

After that, kindly add a background image to the section which will act as the substitute image of the slider for mobile screens.

Set the Size to Cover to make sure the image will take up the whole section space:

Then scroll down the options screen to make sure that the Padding options are set to 0. The default is 45px:

Then, please click on the Customize tab of the section options and hide this whole section for bigger screens:

Also, add the height: 250px inline CSS code there to make sure it will have that height for the mobile screens or whatever height you prefer:

Finally, delete the Image Element inside the section and keep it empty as you already have the image as a background of the section.

If you still have problems kindly get back to us with the URL/User/Pass of your website using the Secure Note functionality of the post to follow up the case for you.

Thank you.