Show/Hide Swift Page Builder elements on Desktop/Tablet/Mobile

[danx88]

Hi,
I was wondering if it’s possible to add an easy switch for the Swift Page builder elements so we can easily decide if it should be visible on mobile/tablet/desktop or be hidden.
I know this is now possible via shortcode and for content only, but for example we can’t hide an slider on Mobile now.

The only way of doing it right now is to switch back to classic mode and wrap the element with the shortcode, but sometimes it’ll break the code and things will be lost when switching back to Swift Builder mode, and also it’s hard to keep track

I’ve made some UI draft of my idea. See if it’s possible:

https://www.dropbox.com/s/1xcovqdl3q1nvt7/mobile.jpg?dl=0

Cheers,
Sia

[Kyle – SUPPORT]

Hi

We actually have responsive visibility options in the page builder assets now, check the row at the bottom.

– Kyle

[danx88]

Thanks Kyle, found it.
Now the question is, if it’s an image for example, or an slider, does it just switch to display:none; on mobile or it doesn’t load at all?
I’m trying to figure out if it can be used for speed performance optimisation on mobile or it’s just meant to be used to change UI.

Cheers,
Sia

[Kyle – SUPPORT]

It will just hide it using display:none;

It uses bootstraps responsive utilities. If you wanted to actually prevent it from loading that would require advanced customsation.

– Kyle