Can't make grid with 4 images responsive

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
Little Owl
 
 
Posts: 41
Joined: Wed Mar 21, 2018 6:01 am

Can't make grid with 4 images responsive

Post by Little Owl » Mon Jul 16, 2018 4:27 am

Hi,

I place a new layout grid onto the page & divide into 6 even cells in my default view of 1920.

The outer 2 are left empty & the middle 4 I place the same size an image into each.

What settings do I need to apply to the layer grid to make the images responsive?

At the moment if I leave the default grid settings the images overlap each other in smaller breakpoints & when in 480 or smaller they stack but align to the left.

I also noticed that in later grid if I edit them to be centred horizontally the setting never seems to stick & when I next edit the grid the setting says left.

I'm using WWB14 .0 .5

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

Re: Can't make grid with 4 images responsive

Post by Pablo » Mon Jul 16, 2018 6:39 am

To make images flexible, set the 'full width' property to 'true'

Related tutorial:
http://www.wysiwygwebbuilder.com/layoutgrid_part1.html

Little Owl
 
 
Posts: 41
Joined: Wed Mar 21, 2018 6:01 am

Re: Can't make grid with 4 images responsive

Post by Little Owl » Mon Jul 16, 2018 8:23 am

Thanks for your reply Pablo.

I did that change for each image & it does stop them overlapping or stacking left aligned.

However the image sizes are very small & actually look smaller on preview than what I see on the WWB page at 100% view.

I tried setting the max width of the images to a higher width but in the 1024 breakpoint for example the images are very small thumbnail size.

Any ideas how to fix this? Thanks.

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

Re: Can't make grid with 4 images responsive

Post by Pablo » Mon Jul 16, 2018 8:50 am

To be able to help you I need to see what you have done.

Post Reply

Who is online

Users browsing this forum: No registered users and 2 guests