Hey guys, It looks like in the current designer build, I’m not able to select base classes in a combo class, while I’m at a sub-desktop breakpoint.
So for example in this screenshot, I cannot select “Hero Section” @ Tablet breakpoint. I’m certain this was possible before, so I’m a bit baffled.
Is there a different way to change the selected part of a comboclass e.g. by hotkey combination?
Example scenario-
Context-
I have a Hero section on all page of my site
The section has a base class of “Hero Section”
Each individual hero has a different subclass, e.g. “About”, to handle the different background image
Problem-
At the desktop breakpoint, hero height (all pages) is 400px
At lower breakpoints, I need to adjust that.
However, at e.g. Tablet breakpoint, I cannot specify the selector “Hero Section” without forcing it to change back to Desktop breakpoint ( see above screenshot ). Which is not the one I need to edit.
Yes there’s a workaround, of duplicating the hero section, removing the subclass, and then adjusting the settings, and deleting the duplicate section. But it’s not optimal since I can’t see my actual layout properly with the adjacent sections in place, and these extra steps shouldn’t be needed.
Yeah, I’ve noticed this behavior as well and it’s kind of annoying. You have to remove the combo class, then go to the breakpoint and modify the style then you can re add the combo class.
Yeah, in my situation I couldn’t do that, because the subclass adds styling that I need to see the combined impact of, while I’m adjusting the parent class.
The weird thing is that I am certain that the class selector used to do this right, providing access to-
all of the higher-level breakpoints at the full class combination (only), and
all of the multi-class “layers” at the current breakpoint.
e.g. If I’m working at Mobile Portrait breakpoint, on an item which has a multi-class of Class1 Class2 Class3, I’d see-
Having this same issue! I’m very new to webflow so it could be my lack of knowledge, but this behavior is really bizarre! @memetican I know this is an old thread, but if you remember a solve I’d love to know!
I’ve more or less just learned to work with the limitations in the class selector.
In more complex builds the best approach is sometimes to create a new DIV and remove the subclasses until the one you want, and do the styling that way, then delete it later. You can work across breakpoints that way and see the impact on you actual element ( including its subclasses ) in realtime.
Not ideal but it’s a quick workaround that solves the problem in most situations.