Dante / Delete Layout Element at mobile

[Lars]

Hello,

is there an option to delete Layout-Elements when the website switch to the mobile version?

In the attachment are some pictures.

1st Picture shows the layout of my site in the wordpress backend in swift-page-builer.
2nd Picture shows you website on screensize (this is perfect).
3rd Picture shows you the website on the mobile (Here are huge gaps between the elements, caused by the Layout-Elements on the left and right of each column).

I tried to delete those gaps by putting negative spacers (-30px) inside the layout-elements.

Please help,

Beste Regards
Lars

[Kyle – SUPPORT]

Hi

It’s because of the spacers that you have on each side of the elements, these will stack when viewed on mobile. try adding the extra class ‘hidden-xs’ to the spacers

– Kyle

[Lars]

Hi kyle,

thanks for your quick answer.

The adding of the extra class doesnt work. Look at the attachment picture.

-Lars

Attachments:

You must be logged in to view attached files.

[Lars]

This reply has been marked as private.

[Lars]

Ok, got it.

In fact of that it is not possible to add extra classes to Layout-Elements, I cheated a bit. I putted white images on the left an right an added to them the extra class hidden-xs. Look at the picture in the attachment. Now it works.

Beste Regards
Lars

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Great! You managed to resolve the issue.
Thanks 🙂
With Best Regards
Swift Ideas