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

Tourist
14 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

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
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes
Tourist
14 0 1

Hello @oscprofessional 

 

 

 

 

 

0 Likes

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
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes
Tourist
14 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
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes
Tourist
14 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