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
Unexpected results from flex container at certain 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
Re: Unexpected results from flex container at certain breakpoints
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)
I have implemented a workaround for this in the latest update (15.0.7)
Re: Unexpected results from flex container at certain breakpoints
Thank you! Upgrading to 15.0.7 resolved the issue.