Hello, everyone!
I’m currently working on a project that involves CMS filters for categorizing cars. Each checkbox filter has an image and accompanying text, and the entire element can be scrolled horizontally.
What I want to achieve is for the text to fit in one line, in a single row. When I set a width on the wrapper to a large value (like 130%), it stretches fine, and the elements don’t squeeze inside, but it creates unnecessary white space and isn’t responsive.
What values should I apply to ensure the text stays in one row? Should I be applying these styles to the parent element or the flex child element? Any tips would be greatly appreciated!
Thank you!
And by the way, does anyone know how to edit the scrollbar? I tried using Finsweert Chrome extension, but it didn’t work with the custom CSS.
Here is my site Read-Only: Webflow - Caronwall Ecommerce