Can I change my base breakpoint to be tablet in Webflow, or use custom code to make styles applied at the tablet level cascade 'up' to all higher breakpoints?

Webflow does not support changing the base breakpoint to tablet or making styles applied at the tablet level cascade up to larger breakpoints. However, you can use custom CSS to mimic this behavior with media queries.

1. Why Webflow Doesn’t Support Changing the Base Breakpoint

• Webflow follows a mobile-first approach, meaning styles naturally cascade from desktop → tablet → mobile.
• The base breakpoint is always desktop, and styles applied at smaller breakpoints only apply downward unless overridden.

2. Using Custom CSS to Force Tablet Styles to Apply Upward

While Webflow doesn’t allow direct control, you can add custom CSS to force tablet styles onto larger breakpoints.

1. Go to Page Settings > Custom Code.
2. Paste this CSS in the Head section:
   ```css
   @media screen and (min-width: 991px) {
   /_ Copy tablet styles and apply them to larger breakpoints manually /
   .your-class {
   / Example: mimic tablet styles on desktop _/
   }
   }
   ```
3. Modify the styles to match what you applied in Webflow’s tablet view.
4. Publish your site and test on desktop.

3. Limitations of This Approach

• Manual Effort: You must manually copy styles from tablet to custom CSS.
• No Visual Override in Webflow: Webflow’s Designer won’t reflect these changes—you must preview them live.
• More Complex Maintenance: If you change the tablet styles in Webflow, you’ll need to update your CSS manually.

Summary

Webflow doesn’t allow changing the base breakpoint or cascading tablet styles upward automatically. However, you can use custom CSS with media queries to manually apply tablet styles to larger breakpoints. Keep in mind that this approach requires ongoing manual updates.