Slider Revolution leaving large white space when hidden under 480px

[charlescthomson]

Hi,

I’ve come across an issue with the mobile settings with Slider Revolution.
I’ve opted to use the “Hide element under width” option to hide my homepage slider in mobile view.
The reason being is that when I select “disable slider on mobile” it also hides the slider on tablets which I do not want.

This works well. However, now in place of the slider I’m left with a giant white space where the slider would have been when viewing the site on a cell phone or 480px wide device.

I’m at a loss as to how to fix it !

Thanks,

site: www.georgianbaybiomed.com

[friech]

Hi There,

Thank you for writing in, that white space is the slider container. To hide that in mobile, please add this to Theme Options > CSS

@media (max-width: 480px) {
	.x-slider-container.below {
		display:none;
	}
}

If you want to learn more about CSS, you can follow these links:
Chrome browser Developer Toolbar
CSS Crash Course For Absolute Beginners

Hope it helps,
Cheers!