Streaming live at 10am (PST)

Pictures and text overlapping


#1

Hi,

I'm creating my first webflow site and need help with items overlapping and crashing into each other on the mobile landscape view.

Ideally it should look something like this (600px):

But, I don't know how to prevent the awkward spacing and crashing created in the other width views for mobile landscape:

700px

504px

450px

I'm really stuck and appreciate any tips and advice.
Thanks,


Here is my public share link: [adeleh.webflow.io]
(https://preview.webflow.com/preview/adeleh?preview=1172c7c609c2bc002185bc3c8a7b316f)


#2

Cool overlapping.

You can just adjust the position for each device, like this:


#3

Thank you so much Vincent, Sorry if I've misunderstood your response but, the issue is in the mobile landscape view only. Everything is fine when viewing at 600px wide but, the issue is on the other screen widths within mobile landscape. I hope that makes sense. I created a video to try and show this but I couldn't upload it sorry, here's a pic.


#4

Try t give the image a fixed size for this device

It then shoudl behave allright for most of the devices.

Don't stay too stuck too long on this breakpoint, it's the less used in the mobile world, by large.


#5

Thank you Vincent, I really appreciate your time and advice on this


#6

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