Messy mobile version

Design help General
1

Hello there,

I managed to get a decent desktop version for my website, however the mobile version is a total mess and I’m not really sure how to start to resolve this. I don’t need it to look exactly like the desktop version, simply to look well and in order.

Is there any way to push automatically a mobile version from the desktop version that will look well?
Is there any way to work on the mobile version without making any modification in the rest of versions?

I’m sorry if these are dumb questions, but I’m just a beginner and after a lot of work I managed to fix the desktop version just to find the mobile was a mess.

Thank you in advance.
Here is my site Read-Only: LINK

2

Hello Gabriel,

You have a nice design for your website! Unfortunately, there’s no way to make the mobile version look good automatically. However, you can check out a short Webflow University course on how to Make your site responsive - Webflow University Courses – it should help you :slight_smile:

3

Webflow won’t auto-generate a clean mobile layout,you’ll need to adjust breakpoints manually. Start with flexbox or grid adjustments, then tweak padding/margins on tablet and mobile views without affecting desktop. I’ve had to restyle sections this way for client sites often.