Mobile editor is different from my actual phone

Hi! :smiling_face:
I’m hoping someone might have experience with this issue I’m having with my mobile view design.

When I’m looking at it in the editor it behaves in a way I expect it to based on how I’ve parented my layers and tagged everything.

But when I publish it and look at my phone the drop down menu looks completely different and has random padding for each entry.

They’re all set up the same way so editing one will edit all of them, so why they’re behaving so differently doesn’t make sense to me. I’m sure I’ve missed something obvious, but I can’t see what it is.

I had my partner check too on his phone and he’s having the same problem. I don’t have an iPhone or anything like that, I have a cheap xiaomi Android phone.

Any help on this would be very appreciated :heart:


Here is my site Read-Only:

https://preview.webflow.com/preview/marilenas-superb-site?utm_medium=preview_link&utm_source=designer&utm_content=marilenas-superb-site&preview=e4a9e3a7810d525e63c920c595a53efc&pageId=667a9d67078efe01ae926a6d&workflow=preview

In the editor, you can pull to expand the phone width to view it on different types of devices. This was a major help for me when designing my site to work on different phone screen sizes.

And jumping off of what Esalinsky4 states, you can see the device names when adjusting the handle

You can also inspect the page in Chrome by right-clicking anywhere and selecting “inspect”. This shows options for resizing the page for various devices.

1 Like

Oh thank you both so much!
I’ll give this a go and update to see if it did the trick :slight_smile: