Hiding Items Responsively – swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 1 reply, 2 voices, and was last updated 10 years by Tahir – SUPPORT.

Viewing 2 posts - 1 through 2 (of 2 total)

Back to forum

Posted in: Dante
February 21, 2014 at 1:50 am #50688

petebulley
Member

Post count: 6

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

February 21, 2014 at 7:17 am #50717

Tahir – SUPPORT
Member

Post count: 1212

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
Back to forum

Posted in: Dante

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items

Login and Registration Log in · Register