Streaming live at 10am (PST)

Element is falling off the page on mobile


#1

Responsive scaling works great on Chrome, Safari on my macbook, FF, but when I view it on my iPhone, it looks broken.

See screenshot here:
https://goo.gl/aKjAtW

Link to my site
yanti-landing.webflow.io

Any help would be appreciated!


#2

Hi @yantiarifin from what it looks like, you have some elements that are falling outside of the page. Try adjusting the styles for the main image (overflow:hidden may help too.)

If you still need assistance, let me know and I can take a closer look! :slight_smile:


#3

Fixed it! I redid the form, and used overflow:hidden for the main image. I also had to wrap the iframe inside another div, where I set the size at 85% h, and then set the iframe to 100% w and h. Somehow that worked. Another strange thing is when I view it on my iPhone 6, it looks good, but when refreshed it goes back to being too big, and then hit refresh again, it goes back to being correctly scaled down. Strange! At any rate, I'll take it. Thank you for your help!


#4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.