Remove Filter-by on collections page | Modular Theme

Solved
Highlighted
New Member
4 0 0

Hi, 

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

Using Modular theme

Screen Shot 2020-10-01 at 16.26.44.png

0 Likes
Highlighted

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

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
4 0 0
Highlighted

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;
}
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
4 0 0

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

 

Screen Shot 2020-10-01 at 17.00.05.png

0 Likes
Highlighted

This is an accepted solution.

Add this css

.collectionGrid-nav.collectionGrid-row.row.inline.row-lg .collectionGrid-clearall.block.search-button {
    display: none;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
New Member
4 0 0

Thanks a lot!

0 Likes