Streaming live at 10am (PST)

Help with overflow affecting lightbox styling


#1

When i review on my computer, resize the window all the element shows well. However when i try to review the website on iphone by safari, at the bottom of the website, the lightbox messed up, also the bottom form. Is there any way could fix these problems.

https://preview.webflow.com/preview/teekin?preview=0350cfb064cdcf8d9b55a982d0473cef

http://teekin.webflow.io/
(please view by mobile device)

messed up like this


#2

The bottom form section is solved.

The lightbox section still got problems.


#3

Hi, from what I could tell it seems at least one element has some styling, which is creating overflow. Overflow is one thing to check.


#4

I think the problem it's not that. I have duplicate the website and deleted all the other section just keep the lightbox section. Still got the same problem when i view the website on my iphone 6 safari. I have been published the website and cloneable. here is the link. Could u pls help me checking again. Thx

https://webflow.com/website/teekin-25dc4f37769b43548d39c2d388284b84?s=teekin-25dc4f37769b43548d39c2d388284b84

http://teekin-25dc4f37769b43548d39c2d388284b84.webflow.io/


#5

Hi @teekin, thanks for the updated info the reduced case helps a lot. I am taking a look.


#6

Thx Dave, No worries, i have been fixed by myself. Flexbox child position problems. Cheers:grinning:


#7