Flexgrid doesn't appear on breakpoints

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
paddlefoot
 
 
Posts: 84
Joined: Fri Oct 13, 2017 8:30 pm
Location: SW Florida

Flexgrid doesn't appear on breakpoints

Post by paddlefoot »

I modified the default flexgrid by dropping the header row and changing all columns to 25%. But the unmodified default flexgrid appears (without my changes) on all breakpoints.

I did publish the site and the flexgrid looks fine on the 1280 px default page, but the flexgrid collapses into itself as the pages are shrunk.

Does this mean the flexgrid must be rewritten or copy/paste for every breakpoint or that I shouldn't modify a provided flexgrid? The site can be seen at https://www.tuffnstuff.com and the .wbs file is at https://www.tuffnstuff.com/venice1308_R02-a.wbs .

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

Re: Flexgrid doesn't appear on breakpoints

Post by Pablo »

Where exactly do I need to look to see the problem?
paddlefoot
 
 
Posts: 84
Joined: Fri Oct 13, 2017 8:30 pm
Location: SW Florida

Re: Flexgrid doesn't appear on breakpoints

Post by paddlefoot »

Two things: the modified flexgrid doesn't appear on index page breakpoints and the flexgrid collapses into itself when you reduce the page width of the index page.
User avatar
Pablo
 
Posts: 23566
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Flexgrid doesn't appear on breakpoints

Post by Pablo »

I'm sorry, but for me it's difficult to know what the intended behavior is.
Can you please be more specific?
Which elements do I need to focus on?

Or can you remove all elements from the projetc that are not relevant to your question, so it's immediately clear where I need to look.

Please see this FAQ for further details:
viewtopic.php?f=10&t=82134
paddlefoot
 
 
Posts: 84
Joined: Fri Oct 13, 2017 8:30 pm
Location: SW Florida

Re: Flexgrid doesn't appear on breakpoints

Post by paddlefoot »

Sorry about that. All elements except the flexgrid have been removed and are here https://www.tuffnstuff.com/venice1308_R02-b.wbs.

See the flexgrid fail in 25 second video https://youtu.be/1dxa3_egdrQ
User avatar
crispy68
 
 
Posts: 3085
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Flexgrid doesn't appear on breakpoints

Post by crispy68 »

So why doesn't your breakpoints have the same classes as the default? Each breakpoint should match what you have in default. So for pic1 - pic4 and txt1 - txt4, you need to go into each breakpoint and make those active. Currently (except for default) you have classes: header, nav, main, sidebar and footer.

The easiest way to do this is to go to the breakpoint, open up the flexgrid, in the 'Template' drop down box choose: default breakpoint. This will copy what you have in the default and you can rearrange if necessary.
paddlefoot
 
 
Posts: 84
Joined: Fri Oct 13, 2017 8:30 pm
Location: SW Florida

Re: Flexgrid doesn't appear on breakpoints

Post by paddlefoot »

Thanks Crispy68, directing me to "Template- default breakpoint" was the key. It works as intended now. I appreciate the help and my query can be marked solved.
Post Reply