Remove Filter-by on collections page | Modular Theme

[nickoreed]

Hi,

I want to remove the series of drop down filters on my collection pages. See attached screenshot.

Using Modular theme

[oscprofessional]

Hello nickoreed,
Please share your site url.
So that i can check and let you know the exact solution here.

[nickoreed]

www.thewhiskymill.com.au

[oscprofessional]

Hello nickoreed,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->styles.scss.liquid

.collectionGrid-nav.collectionGrid-row.row.inline.row-lg .collectionGrid-filter.block {
    visibility: hidden;
}
@media screen and (max-width: 767px){
.collectionGrid-nav.collectionGrid-row.row.inline.row-lg .collectionGrid-filter.block {
    display: none!important;
}
}

[nickoreed]

This has almost worked perfectly. Unfortunately the search and clear buttons are still visible.

[oscprofessional]

Add this css

.collectionGrid-nav.collectionGrid-row.row.inline.row-lg .collectionGrid-clearall.block.search-button {
    display: none;
}

[nickoreed]

Thanks a lot!

[joolswilliams]

Hi There .. I’m trying to do the same in terms of removing the filters on modular theme from the collection pages .. but I don’t have the ‘styles.scss.liquid’ under assets ? .. URL is www.sciencetoskin.com … any ideas ?