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
Flexgrid doesn't appear on breakpoints
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
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
-
-
- Posts: 84
- Joined: Fri Oct 13, 2017 8:30 pm
- Location: SW Florida
Re: Flexgrid doesn't appear on breakpoints
Where exactly do I need to look to see the problem?
-
-
- Posts: 84
- Joined: Fri Oct 13, 2017 8:30 pm
- Location: SW Florida
Re: Flexgrid doesn't appear on breakpoints
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.
Re: Flexgrid doesn't appear on breakpoints
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
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
-
-
- Posts: 84
- Joined: Fri Oct 13, 2017 8:30 pm
- Location: SW Florida
Re: Flexgrid doesn't appear on breakpoints
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
See the flexgrid fail in 25 second video https://youtu.be/1dxa3_egdrQ
Re: Flexgrid doesn't appear on breakpoints
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.
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.
-
-
- Posts: 84
- Joined: Fri Oct 13, 2017 8:30 pm
- Location: SW Florida
Re: Flexgrid doesn't appear on breakpoints
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.