Cascading Principles - not working

Hi guys,
I’m designing using editor X using a standard cascade principle of mobile first, then move up to desktop last. However, anything i’m designing in mobile is affecting and moving things on desktop too. Hugely frustrating!! The whole principle of cascading should be by moving and designing on a lower breakpoint, it leaves the parent breakpoint alone! Any ideas?

Hey Matt,

Im Ido from the Editor X team,
In Editor X you don’t need to implement a “mobile first” workflow.
Actually I think you will have a much better experience working “Desktop First”,
and then tablet and mobile.

Im attaching a link to a community post with a video that details exactly how the cascading works in Editor X with very detailed examples, I really recommend you watch it in full, and It would be great if you could keep me updated wether it helped you.

Here’s the Link to the video

Thanks,
Ido

@idoh thanks Ido, i think my frustration here is that it is affecting the breakpoint above it. Even in your video (which is great by the way), it states changes made will not affect the breakpoint above it - but it does. So i changed something in mobile, went back to desktop and the entire layout was completely changed

@matthewbaker15 Can you specify what change was made in the lower breakpoint and how it affected the higher breakpoint? as I mention in the video, if you make a structural change, like moving a child from its parent, it does so on all breakpoints and that is what may be causing your issue, because you are basically changing the structure of the html. I explain this in 3:35 in the video.

I understand that this takes a little getting used to, but if you follow these guidelines, you’ll have a very powerful tool in your hand.

Cheers,
Ido.

Hi, I think I am having the same issue… I am trying to change the header size for each viewport but when I change desktop, then tablet, then mobile, the desktop header changes to match the smaller mobile header size.

Please help!

Remember the apps from the App Market –specially the Wix Apps– DO NOT OBEY THE CASCADING PRINCIPLE; they are only horizontally responsive (full-width) and have a special layer for the Mobile breakpoint under 750px (not your custom mobile breakpoint, under 750px specifically).
I think the Wix Pro Gallery is the only exception, but couldn’t be sure.

@idoh

please read:

I’m having same issues. I’m very much familiar with cascading principles and everything was working just fine but recently I’ve been trying to readjust my text element and I went to tablet to readjust line spacing and once I adjusted it on tablet it actually adjusted it on desctop, same with mobile. Looks like a bug to me because it was fine and line spacing is included in cascading effect. I’m sure we can figure this out but frustrating.