Hiding Items Responsively

[petebulley]

Our site is a one page website using Dante.
We have used the Swift Page Builder to build the page.

Since some elements (such as parallax) don’t show well on mobile, due to the way we have set them up, we want to show different versions of these elements on mobile. To do this I understand that I need to create two parallax items for each, and hide one for desktop and the other for mobile.

I have read various posts, and the documentation. It seems there is not an extra class I can add to achieve this. I have tried using the shortcode but to do this I need to move out of Swift Page Builder and then I get issues with page display.

Could you help me understand the easiest way to achieve this?

I am using the latest version of WordPress and the theme.

Thanks

[Tahir – SUPPORT]

Hi,
The Dante theme is fully compatible with Bootstrap 3 ‘s responsive utility classes. You can use these in the extra classes of the page builder items to hide or show on certain screen resolutions. Please see http://getbootstrap.com/css/#responsive-utilities for more info.

Let us know if you have any further queries

Best,
Tahir