Unexpected results from flex container at certain 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
toones
 
 
Posts: 6
Joined: Wed Aug 14, 2019 2:25 am

Unexpected results from flex container at certain breakpoints

Post by toones »

I have been trying to figure this out for a while, but need some help.

I have a flex container called "Culture" that, does not show up in line with the rest of the page at breakpoints 320 and 480. The container shows up "out of bounds" on the right side of the screen causing a horizontal scroll bar. I also think this is causing the objects in my home container to be off center in those breakpoints and the slide out menu to appear too far to the right.

Thank you for taking a look and for any help provided.

The draft website is: http://www.jandmms.net/Sample/wb11_videobg.php

The project file is at: https://we.tl/t-pEaKyVfKC0
User avatar
Pablo
 
Posts: 21708
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Unexpected results from flex container at certain breakpoints

Post by Pablo »

The problem is related to the 'max-width' in the flex container in combination with the absolute layer above it. This cause a conflict in the floating layout.
I have implemented a workaround for this in the latest update (15.0.7)
toones
 
 
Posts: 6
Joined: Wed Aug 14, 2019 2:25 am

Re: Unexpected results from flex container at certain breakpoints

Post by toones »

Thank you! Upgrading to 15.0.7 resolved the issue.
Post Reply