Does anyone know if it’s possible to turn off the cascading feature so that changes can be made on a larger breakpoint without those changes cascading down to the smaller breakpoints? I need to optimize my site for large monitors but originally designed it for laptop screens.
I want the site to look good on all screens. It currently looks great on mobile, laptop and ipad. It does not look good on a large monitor, such as the Apple Thunderbolt. I want to make changes but with cascading, those changes will affect all other breakpoints and it will take me forever to go in an make the changes again on them.
The Remove Overrides feature won’t be of much help here so here’s a bit complex procedure that you can try out (which I personally don’t recommend tbh):
Go to the largest breakpoint and save each section of your site as a Design Asset . Then add a bigger breakpoint (which will be used for larger displays). Go back to the previous breakpoint and set all sections to Don’t Display (don’t Delete them as this will delete them even from the larger breakpoints). Now you can design your site for the largest breakpoint, without worrying about your changes affecting the smaller ones. Once you’re done, go back to the previous breakpoint and add back all the sections from the Design Assets . Now go back to the biggest breakpoint and set all the sections that you added back to Don’t Display . And there you go - now you can make changes to the biggest breakpoint and they will not reflect AT ALL on the smaller ones.
However, if you want to make changes to the biggest and smallest breakpoints, you will have to do it twice, for both breakpoints respectively. And that’s why I do not recommend this. So use this only if you need this very badly.
Remember to duplicate your site before making any changes so you always have the original site in case something doesn’t work as planned.