Designing Smaller Break points from Larger ones

Hi,
A suggestion, and a question. (Perhaps this is best shared with the Editor X product manager).
I’ve recently moved from Adobe Muse to build my websites to Wix Editor X, and have about 4 websites built with Editor X at this time. I find the most frustration in my Wix workflow is when I have the desktop break point finished and turn my efforts to creating the tablet and mobile breakpoints. Trying to reorganize the smaller break points without changing the hierarchy of many elements on the page seems impossible. This leads to endless ‘repairs’ needed on the larger break points. I inevitably find it easier to ‘start over’ for recreating each of the smaller break points.
Question - Now I know you guys are pretty clever (I can see that in how the rest of the system works), so there must be a benefit to keeping the elements ‘connected’ to their larger break point sibling, but I can’t see it, so what is that benefit?
Suggestion - As an alternative, I’d suggest copying all of the layout from larger to smaller break points (as you already do) and have an option available (perhaps a button) to then leave them as ‘un-attached’ from their larger break point sibling, so we can organize them as needed to look good in the smaller break point.
Another suggestion – If you aren’t going to ‘detach’ the elements a training video of tips on how to get past this would be much appreciated.
Thanks,
Gary nanos

2 Likes

Hey @garyn333 ,

I’m Miri a PM in the Editor X team.
Thank you very much for the elaborate suggestion.
We know it is hard to follow all the changes that “break” the larger breakpoint. In general the rule is - Design and Layout can be changed, Data and Hierarchy (parenting) can’t. The problem sometimes arises when trying to change a layout but ending up reparenting (when restructuring a stack for example).
We are thinking constantly on how to make this experience easier and more clear, therefor your feedback means a lot to us, so thank you again.
In the meantime you can checkout the Academy and the tutorials and videos about breakpoints:

https://youtu.be/nrFatdWg4KA

Have a great day!
Miri

Hi, thanks for your reply. I’d suggest you have Editor X present the elements for us on the smaller break point and let them be completely disassociated from the larger break point they came from. Then we could do with them as we see fit. Thanks! Gary

I have an issue with my screen sizing. When i design it loos and fits well on my wide screen and also in my editor ex but when i go to the live site on my laptop, the arrnagement then go crazy. Please check my screen shots bellow.