How to do this with layout

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
wrsalasr
 
 
Posts: 44
Joined: Thu May 31, 2018 1:49 am

How to do this with layout

Post by wrsalasr » Fri Jun 26, 2020 3:16 am

Hi, I am using layout with two columms to place an image and a text with responsive designs, it look ok in my PC and Laptop, this is how my layout is configured:

Image


but in my movil is shown like this:

Image

I need it to be seen like this:

Image


someone can tell me how can I do this?

lac8383
 
 
Posts: 27
Joined: Sun Mar 24, 2019 6:34 pm

Re: How to do this with layout

Post by lac8383 » Fri Jun 26, 2020 3:59 am

Try changing the break point to something larger than the default of 480 (e.g. 600, 768) so it breaks earlier. Also, click on the column 5x, select edit and add some padding to the top and bottom on the column 5x, say 40 for both.

When resizing the browser down during a preview, the text dropped under the picture in my testing. Hopefully, that appears to be the same on a mobile device.

User avatar
Pablo
 
Posts: 23404
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: How to do this with layout

Post by Pablo » Fri Jun 26, 2020 5:37 am

Based on your screenshot it looks like the image has a fixed size
To make it flexible set 'full width' to true.

wrsalasr
 
 
Posts: 44
Joined: Thu May 31, 2018 1:49 am

Re: How to do this with layout

Post by wrsalasr » Fri Jun 26, 2020 3:56 pm

Hi lac8383, you were right, problem solved, thanks

Post Reply