How can I delete an inheriting selector on a specific breakpoint in Webflow?

You cannot delete an inheriting selector on a specific breakpoint in Webflow, but you can override or reset its styles at that breakpoint.

​

1. Understand Inheriting Selectors in Webflow

• Inheriting selectors are styles applied at a higher breakpoint (like desktop) that automatically cascade down to smaller breakpoints (tablet, mobile).
• Webflow follows standard CSS rules, meaning styles inherit unless overridden.

​

2. You Can’t Delete—Only Override or Reset

• Webflow doesn’t allow a class to be deleted at a specific breakpoint, because class inheritance is based on the CSS cascade.
• Instead, override the styles or reset the properties at the desired breakpoint.

​

3. How to Override Styles on a Breakpoint

• Navigate to the breakpoint where you want changes (e.g., tablet or mobile).
• Select the element using the inheriting class.
• In the Style panel, adjust the styles you want to override. For example:
• Change padding, font size, display, etc.
• These changes will only apply at and below the selected breakpoint.

​

4. How to Reset a Style Property

• In the Style panel, click the blue style values that were inherited.
• Either remove the style (click "Remove Style") or set it to auto/default (depending on the property).
• This creates a local style override for the current breakpoint.

​

5. Use Combo Classes or Custom Classes if Needed

• If you need more specific control, create a combo class (e.g., Header Blue) or add a new class that only applies styles at the breakpoints you want.
• This avoids affecting styles on other breakpoints.

​

Summary

You can’t delete an inheriting selector on a specific breakpoint in Webflow, but you can override or reset its styles directly in the Style panel for that breakpoint to customize the look without affecting other breakpoints.