How to hide products advanced filter section in mobile view in supply theme

Highlighted
Tourist
17 0 1

Hello,

 

Can I change the default state of toggle button of advanced filter section in products page supply theme in mobile view,

can I  change that default state to false, So when first opening the page the section will be hide, then if user click on the button then section will appear, (only in mobile view)

 

see the below image,

 

I need to toggle OFF the Filter button when first open the product page from mobile,but it will remain same when open from desktop browser.

 

mobile_view

 

 

Thanks in advance 

 

Regards

Kamal

0 Likes
Highlighted

Hello 

Online Store-> Themes -> Edit code->Assets->theme.scss.liquid
Add this css at bottom

@media screen and (max-width: 769px)
{
.form-horizontal {
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
Tourist
17 0 1

Hello @oscprofessional 

 

 

 

 

 

0 Likes
Highlighted

Hello kamalalyafei, 

Can you share your site url.

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
Tourist
17 0 1

Yes,

 

https://safanaonline.com

password: safana2019

0 Likes
Highlighted

Hello 

Online Store-> Themes -> Edit code->Assets->theme.scss.liquid
Add this css at bottom

@media only screen and (max-width: 600px) {
.section-header--right {
	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
Tourist
17 0 1

Hello @oscprofessional ,

 

Thanks for reply,

 

The button 'Filters' disappeared,

BUT the filters section still exist,

 

What I need is only toggle off the filter button by default, so when opening the products page from mobile filters section will be hidden,

when user clicked 'Filters' button then it appears again,

 

Thanks again for your cooperation 

Regards

Kamal

 

0 Likes