Remove Slider padding when Slider hidden on Mobile

Hi – I have toggled the revolution slider to “off” for mobile visits, but the padding around the hidden component persists.

Is there a way to hide an entire row (including the margin, padding and component) when viewed from mobile device?

Hi,

You can try to add “hidden-xs” class to the row with the slider. It will hide it on mobile devices.

Regards

Great – thank you.

Are there corresponding classes to reference for hiding on non-mobile? So revolution slider for non-mobile (hidden-xs) and a CTA block for mobile (hidden-l, hidden-xl, hidden-m)?

Hi,

Yes, you can find all the classes in Bootstrap documentation here http://getbootstrap.com/css/#responsive-utilities

Regards

[Author]

Posts