Photo Gallery Columns for Mobile

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
rogerr
 
 
Posts: 55
Joined: Fri Feb 02, 2018 2:43 am

Photo Gallery Columns for Mobile

Post by rogerr »

I have a photo gallery with 4 columns which look great on desktop view. However,
on the mobile version, they are too narrow. I tried a break point at 360 and change
# of columns to two but that also changes the wide version. Is there a way two have
different # of columns at different break points?
Thanks
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Photo Gallery Columns for Mobile

Post by Pablo »

You can use different number of columns in breakpoints if you set the gallery 'responsive'.

Demo:
http://www.wysiwygwebbuilder.com/gallery_demo9.html

Tutorial:
http://www.wysiwygwebbuilder.com/photogallery.html
rogerr
 
 
Posts: 55
Joined: Fri Feb 02, 2018 2:43 am

Re: Photo Gallery Columns for Mobile

Post by rogerr »

Thank you for the advice. That solved the column problem. However,
in the mobile view, the left column is a bit more of a sliver and the right
column takes most of the screen. Also, when I click on a photo, the screen
dims but no display of the photo. In a regular browser window on the PC,
the columns display properly even when I shrink the window to mobile size,
It's just on the phone that it is not working.

Roger
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Photo Gallery Columns for Mobile

Post by Pablo »

Maybe you have used invalid files names?
http://www.wysiwygwebbuilder.com/forum/ ... f=10&t=131

Tip: always include the URL of the page so I can see what you have done.
Post Reply