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: 56
Joined: Thu Apr 02, 2015 9:51 am

Flex Grid Not Responsive

Post by mrshah » Tue Aug 03, 2021 9:52 am

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: 24759
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Flex Grid Not Responsive

Post by Pablo » Tue Aug 03, 2021 11:13 am

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: 56
Joined: Thu Apr 02, 2015 9:51 am

Re: Flex Grid Not Responsive

Post by mrshah » Fri Aug 06, 2021 5:57 pm

Thanks

Where do i change the breakpoint?

Fredl
 
 
Posts: 72
Joined: Tue Feb 21, 2017 10:15 pm

Re: Flex Grid Not Responsive

Post by Fredl » Fri Aug 06, 2021 5:59 pm

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: 56
Joined: Thu Apr 02, 2015 9:51 am

Re: Flex Grid Not Responsive

Post by mrshah » Fri Aug 06, 2021 6:53 pm

Thanks!

Surely, as pablo said, the grid should be responsive anyway.

User avatar
crispy68
 
 
Posts: 1680
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Flex Grid Not Responsive

Post by crispy68 » Fri Aug 06, 2021 7:01 pm

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