Flex Grid Not 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
mrshah
 
 
Posts: 28
Joined: Thu Apr 02, 2015 9:51 am

Flex Grid Not Responsive

Post by mrshah »

Hi guys

How do i make the flex grid responsive on mobile?

thanks

https://drive.google.com/file/d/1wBi6To ... sp=sharing
User avatar
Pablo
 
Posts: 22489
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Flex Grid Not Responsive

Post by Pablo »

A flex grid is responsive by design.
If you want have a different layout for smaller screen then you will have to add a breakpoint.

For example:
- add a 480 breakpoint
- open the flex grid propetries
- select template 'stacked'

Now the layout will be stacked below 480
mrshah
 
 
Posts: 28
Joined: Thu Apr 02, 2015 9:51 am

Re: Flex Grid Not Responsive

Post by mrshah »

Thanks

Where do i change the breakpoint?
Fredl
 
 
Posts: 134
Joined: Tue Feb 21, 2017 10:15 pm

Re: Flex Grid Not Responsive

Post by Fredl »

In the lower left corner of the workspace are a few icons related to breakpoints that look like tiny monitors. Hover over them for their tooltips.
Also on the "Page" menu there is a "Breakpoints" button.
mrshah
 
 
Posts: 28
Joined: Thu Apr 02, 2015 9:51 am

Re: Flex Grid Not Responsive

Post by mrshah »

Thanks!

Surely, as pablo said, the grid should be responsive anyway.
User avatar
crispy68
 
 
Posts: 2913
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Flex Grid Not Responsive

Post by crispy68 »

A flexgrid is responsive; however, if you want to tweak or alter the layout of the grid as it gets smaller, then you need to add a page breakpoint and then alter the layout of the flexgrid in that breakpoint.
Post Reply