▼
Streaming live at 10am (PST)

Mobile Portrait rendering broken

#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 !!!!

IMG_3962.jpg750x1334 176 KB
IMG_3961.jpg750x1334 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.

#4

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

#5

Welcome @Pasint.

Glad to help :slight_smile:

#6

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