Mobile styling for cms filter

Hi all,

I have created a set of filter radio buttons for my cms. Everything is working fine and looking great on desktop but I cant seem to figure out how to style it for mobile as per the screen shot below. The main issue being that the All button is separate element, although part of the same group.

Any assistance would be greatly appreciated :slight_smile:


Here is my site Read-Only: [LINK](Webflow - Didier)

In Webflow I like to hack this, as follows;

[1] becomes your layout container, e.g. grid or flex, which governs how you want all of your buttons to layout together including the All button.
[2] and [3] we want to make “invisible” to this layout process, so that they don’t disrupt it.

This can be achieved by giving both the collection list wrapper & list a special display type through custom properties at the bottom of the Style panel.

Effectively that tells the browser to ignore this element, and use the contents in the layout. Make sure to test on your target browsers.

You’re a star! Thanks so much. Worked like a charm. Great approach which I’m sure I can use in other areas too.