Cross-Platform Editing Issues: Mobile-First Design Breaking Web Version

Ask the community
,
1

Hi everyone! I’m hoping someone here has faced a similar situation and can share some insights.

My Situation:
I started building my site by focusing on the mobile version first (using a template), and now I’m stuck in what feels like an endless loop of design issues.

The Problems:

  1. Web version is completely messed up - Since I prioritized mobile editing, the desktop version looks terrible with sections all over the place

  2. Vicious cycle - When I fix the web version, it breaks mobile. When I fix mobile, web breaks again

  3. AI tool not helping - The AI section adjuster either doesn’t work at all or makes both versions look worse when it does work

What I’ve Tried:

  • Used the AI tool to sync designs between versions → made everything worse

  • Manual adjustments → creates the endless cycle I mentioned

  • Starting over feels like giving up months of mobile design work

Questions for the Community:

  • Has anyone successfully gone from mobile-first to fixing desktop without breaking everything?

  • Is there a way to “lock” the mobile version while working on desktop?

  • Any alternative workflows that work better than the standard responsive design approach?

  • Should I just rebuild from scratch focusing on desktop first?

I’m using Wix Studio Editor, and while I love how the mobile version turned out, I’m really struggling to get a professional-looking desktop version without destroying my mobile work.

Any tips, experiences, or creative workarounds would be hugely appreciated! :folded_hands:

Thanks in advance for any help!

1 Like
3

Also replied in Discord :slight_smile: But to add:

Studio (and most other web builders) work on a cascading logic - meaning changes on a larger breakpoints will impact smaller breakpoints, and changes on smaller breakpoints won’t cascade back up (apart from structural (reparenting) and data changes (changing text, image source etc))

I’d recommend taking a read over this article - Studio Editor: Designing Across Breakpoints | Help Center | Wix.com

If you really don’t want to start again, you could add a new section on desktop, and hide it on the smaller breakpoints (e.g. show and hide sections according to breakpoints) - but this will drastically add to the overhead management of the site (a change on one section would need making on all sections for each breakpoint)

1 Like