Shop Filters Columns

Hello!

Is there a way to have more than 4 columns for filters in the Shop Filters dropdown section?

Thanks!

Hello,

Try to add this code snippet to make 5 columns

.filters-inner-area>div:nth-of-type(4n+1) {
    clear: none;
}
.filters-inner-area>div:nth-of-type(5n+1) {
    clear: both;
}
.filters-inner-area>div {
    width: 20%!important;
}

Regards

Is there a specific place I need to add this code? Would it be under “Theme Settings”?

Sorry for not providing the full instruction. You need to add it to the Custom CSS area in Theme Settings.

Regards

Hi!!!
Please, do you mind to show us the code for doing 6 or more columns in your filter?
Thanks!
Estefanía.

Hello,

Try to use this code for 6 columns also

.filters-inner-area>div:nth-of-type(4n+1) {
    clear: none;
}
.filters-inner-area>div:nth-of-type(6n+1) {
    clear: both;
}
.filters-inner-area>div {
    width: 16.6%!important;
}

Regards

Great!
It works perfectly!!!
Thanks a lot!
Estefanía.

You are welcome 🙂

[Author]

Posts