How do I change the Mobile breakpoint without changing all the other break points?

Community resources General
1

Im trying to add a wire frame fitted for a mobile break point, but if I delete something, it changes all the other breakpoints.

How do I stop it from changing everything else?

Thanks

2

Elements exist on all breakpoints. If you delete one, you delete all of them.

Styles can be overridden on breakpoints.

You design your classes on the desktop breakpoint first, and then work outwards to larger and smaller breakpoints one-at-a-time, and make the adjustments you need.

If there’s an element you want to ONLY appear on desktop breakpoint-

  • Create the element
  • Give it a class on desktop, visible
  • Then go to the tablet and xl breakpoint, and make it invisible

If there’s an element you want to ONLY appear on mobile landscape-

  • Create the element
  • Give it a class on desktop, and make it hidden at that breakpoint
  • Switch to mobile portrait, and make it visible there

Important to go through the Webflow U courses on responsive design, breakpoints, and classes.

3

Ok, thank you so much!