I hope someone can help me.
On my collection page, currently I have the basic default look and feel for filters on Brooklyn.
Obviously the look and feel is quite bad. I want to edit this.
Mobile traffic is important to us, as such we would like to have "radio" style button as you can see below. Something that you can see ALL of on mobile without clicking on menu trees.
How can i do this?
Here is the url of my site: https://652stl3589d9x0xb-55506731197.shopifypreview.com/collections/temi
Thanks in advance for the help!
Solved! Go to the solution
Hello @pawan987 many thanks for the quick reply.
Yes the buttons look good. What code would I need to insert? I suppose in theme.scss.liquid?
PS: any idea how I could limit the filter button to only one row (with a slider, like you can see here: https://www.freshlycosmetics.com/it/prodotti/) or two/three rows max? I want to ensure the filter do not take the entire screen space.
Many thanks for your help!
I apologise to make these into 2 rows because in our website there are more options as compare to reference website and also options have large text.
To make css changes there are multiple css classes to alter.
I can assist you if you need any help you can give me collaborator access so that I can make this changes for you.
This is an accepted solution.
SCSS Code is implemented on Sprixy August 4 2021
Please check and let me know.