I started a project that was from the blank template for pixel desktop down. For whatever reason, I began the work underneath a breakpoint that was already made. Now, I need to remove that largest break point that the styles that were created underneath will apply at all sizes past the next breakpoint (to the left). If I delete that largest (right most) breakpoint, all styles are lost because they cascade down. I am in a screen size between the two right most breakpoint, and I need to delete the right most one but keep the styles in other words.

Unfortunately I have done this too. No real solution other than to delete all breakpoints or reset the styles in each.

1. Suppose one is way deep into styling. Is there a way to rapidly copy styles from one breakpoint to another?

2. Has a work-around been asked as a feature request? If CC/RSD can cascade styles down, could CC collapse styles from one breakpoint into the next one in order to remove one? In my case, it needs to "collapse" up from the media query into the body grid and remove from the body grid conflicting style attributes.

The cheap and dirty way is to text edit the main.css file after export and make that first breakpoint a max-width: 10000.

Instead of deleting the right-most break-point, could one not simply slide it to the left, so that it is only fractionally (say one pixel) to the right of the break-point on its left?

Frank

Hello from sunny Bali,
Can't you just drag the right most breakpoint down to the pixel size you need, or am I missing something

I don't have a complicated design, as I am evaluating the software. This is the situation, I created a max width for the grid to constrain the page size at larger viewports. Then - I created a breakpoint, and continued styling under that breakpoint. At that breakpoint and bigger, content/styles break down because - I want to just have a max page-width, and the styles I created, no matter how big the viewport gets. I made the mistake of editing under that breakpoint. It would be easier if I can just click and delete a breakpoint than recreate everything.

I think the only work around is to zoom out as far as possible, and move the break point as far out as I can go - but then I will always have a hidden breakpoint, and it won't be a clean design.

since there is some confusion, I tried to include my file, but the forum stripped it off.

In my file, you would have seen a single breakpoint. And a hero element for all viewing. Under the breakpoint I erroneously made, I colored that Hero element. No - when I go past that breakpoint to larger viewports, it goes back to the default color I made for the grid. But - I want this color to be on all viewport sizes that are bigger than this breakpoint - without having to restyle.

So, back to the original post, its not how to make or create breakpoint for different viewports, but fixing a screwup if I were to create under the wrong breakpoint, and need to move my styles to the grid/body before media queries for screen size are made. These would be the styles I need to cascade down FROM. This example is just a little issue. What if there were LOTS of styles.

I am new to responsive design, and I don't know if there is a differne if I had chosen a pixel mobile first template. My post was about a pixel desktop first. I believe that difference are how the cascading is created in the css file. But I am like most people and would prefer a desktop first approach, so I need styles to cascade down from a default for all screen sizes. But what is one screws up, and created their default view under a breakpoint?

I totally understand where you are coming from and have experienced the exact same thing you have here. I had a bunch of style changes to redo. I think I had like 40 or 50 different style changes I had to redo over all the break points. For me it was just easier to remove all the break points and start over.

Still confused, so delete all breakpoints above the one with the right style. then slide the breakpoint with the right style to the right until you reach the viewport you desire. It will take the styling with it, then move the pointer down the slider bar and creat any new breakpoints you wish at whatever point you wish.

That is the thing. once a breakpoint is made, style under it will not apply to outside that breakpoint when designing desktop down. See, outright/above/right of that breakpoint, applies to any viewport bigger than that breakpoint. Not all designs are going to be 100% width, especially for a wide screen monitors. So - if you want to set a max grid width of 800 pixel then you need to do that outside that breakpoint. I accidentally started under the breakpoint, started styling and realized - I can't get those styles outside that breakpoint, without having to manually recreate them.