Crashing elements on mobile?

What normally confuses me is when elements crash/spill over into another when, afaik, the setup is pretty standard and each element is within their respective section and nothing ‘fancy’ has been done to make it do anything other than it’s normal function.

So Desktop looks fine, tablet looks fine but in mobile landscape and portrait, the ‘about us’ section spills over into the ‘testimonial’ section.

http://tundril.webflow.io/

https://preview.webflow.com/preview/tundril?preview=e982427fb688f47a92505f023ab2c85b

It looks to me to be the caused by the 100VH style on your main section

To fix:

  1. On the body style make the height: 100%

  2. On the main section style make the height: 100%

  3. On the media query. Either tablet or mobile landscape. Make the Height: auto

In general VH is not recommended to be used yet, as it’s not fully supoorted by all browsers. http://caniuse.com/#feat=viewport-units

1 Like

Thanks @mention79. Strange that it worked on another site but not this one though.

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