Hello,
first of all: I love the great themes and page builder plugin. But for my current project, I am struggling with the mobile design of the wordpress page. I added the “Layout Builder” widget to the footer area. In the layout builder, I created a multiple columns row (tried 3 and 4 with even distribution).
Screenshots Layout-Builder:
https://i.imgur.com/1dDHcw6.png
https://i.imgur.com/De1ImjR.png
In the full-resolution-site the columns are displayed correctly:
https://i.imgur.com/B7HYGZR.png
Unfortunately, the mobile layout does not seem to be responsive:
https://i.imgur.com/RjWEYAw.png
What can I do to make the columns collapse?
Hi :) Do you have a link you could share so we can take a look at the code? Thanks.
yes, please find it here: http://temp1.wtzl.de/
Thanks. I think the challenge is the empty column. What you might try instead is to abandon the Layout Builder and instead, insert three Text or SiteOrigin Editor widgets. Leave the first blank and insert your text into the other two. The footer will automatically assign a column to each and will handle it correct on mobile.
You are right! :) That setup works for multiple columns and is responsive.
https://i.imgur.com/v8KqBaq.png
Thank you so much.
Super :) Glad to hear that did the trick.
All the best.