Mobile Portrait rendering broken

Design help General
1

Hi guys,

I’m having an issue with the rendering on Mobile Portrait with a site I’ve almost finished for a customer.
All orientations and sizes are working fine, except that one, where some sections seem going on top of each other for no reason.

Can any one help out?
I need to deliver this soon and I’m nervous as I can’t figure out what’s going on here…

See site preview link below and you can check the “Restaurant / Notre Cuisine” page for example, but this applies to quite a few ones…

Here is my public share link: *https://preview.webflow.com/preview/mdr-maquette-5?preview=7c06a7dd4cf772a1e45e83dc72ff8fd3

*Edit: adding screenshots

Thanks !!!

750×1334 176 KB
750×1334 331 KB

2

@webflow @staff
Anyone could help please with this rendering issue? i just don’t get why the lower section moves up on top of the other content as soon as screen width gets smaller…

Here’s the link for the specific example above: http://mdr-maquette-5.webflow.io/chambres/chambres-et-suites

3

Hi @Pasint,

After a long investigation I believe I found the culprit. Seems like section 2 has position: relative with top: 60vh` on the mobile breakpoint. Removing that styling should fix the design.

https://cl.ly/2A2M2u2q3I2t/Screen%20Recording%202017-06-16%20at%2010.11%20AM.gif

4

YES!!! Thanks a lot @AnnaKelian.
I’ve been going over these pages times and times and kept missing this, good catch!

1 Like
5

Welcome @Pasint.

Glad to help :relaxed:

6

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