Filter Button not showing on mobile
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday. If you have problems with registration ask help on contact us page pleaseIf you not got email within 24~36 business hours, firstly check your spam box, and if no any email from the support there - back to the forum and read answer here. DO NOT ANSWER ON EMAILS [noreply@pluginus.net] FROM THE FORUM!! Emails are just for your info, all answers should be published only here.
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday.
Quote from Syed Mudassir on August 2, 2022, 13:17When I made mobile mode option yes it hides on desktop and mobile.. and when I turned off the option to no it appears on both that's fine.. Actually I want to show filters in sidebar on desktop and on mobile it will show as toggle button please help me to get this sorted...
link: https://www.anabatlamart.com/shop/
When I made mobile mode option yes it hides on desktop and mobile.. and when I turned off the option to no it appears on both that's fine.. Actually I want to show filters in sidebar on desktop and on mobile it will show as toggle button please help me to get this sorted...
Quote from Pablo Borysenco on August 2, 2022, 16:05Hello
Try please next:
- in your widget enable Mobile mode https://share.pluginus.net/image/i20220802140241.png
- place shortcode [woof_mobile] https://products-filter.com/woof_mobile into your header.php file, or in the menu using https://wordpress.org/plugins/shortcode-in-menus/
You will get such behavior of the widget: https://demo.products-filter.com/ - look on PC an your phone please to understand
Hello
Try please next:
- in your widget enable Mobile mode https://share.pluginus.net/image/i20220802140241.png
- place shortcode [woof_mobile] https://products-filter.com/woof_mobile into your header.php file, or in the menu using https://wordpress.org/plugins/shortcode-in-menus/
You will get such behavior of the widget: https://demo.products-filter.com/ - look on PC an your phone please to understand
Quote from Syed Mudassir on August 3, 2022, 07:28Thanks. But enabling mobile mode it hides on desktop.
Thanks. But enabling mobile mode it hides on desktop.
Quote from Syed Mudassir on August 3, 2022, 08:17Also I added shortcode in sidebar [woof_mobile] so it shows button on desktop too.
Also I added shortcode in sidebar [woof_mobile] so it shows button on desktop too.
Quote from Pablo Borysenco on August 3, 2022, 12:46Hello
Try disabling caching plugins and test.
It looks like the problem is that your site does not correctly detect the current device - function wp_is_mobile()
Hello
Try disabling caching plugins and test.
It looks like the problem is that your site does not correctly detect the current device - function wp_is_mobile()
Quote from Syed Mudassir on August 3, 2022, 14:50I added some CSS by own and now it works much better but having styling issues still can you help me out like filter submit button on mobile not showing also some other issues..
CSS
.woof.woof_sid.woof_sid_widget.woof_hide_filter {
display:block;
}
#text-4 .woof_show_mobile_filter_container {
display:none;
}
@media only screen and (max-width:767px){
.woof.woof_sid.woof_sid_widget.woof_hide_filter {
display:none;
}
#text-4 .woof_show_mobile_filter_container {
display:block;
}
.woof_redraw_zone {
width: 360px;
overflow-x: hidden;
height: 100%;
padding: 10px;
}
.woof_show_filter_for_mobile.woof {
top: 100px;
overflow: hidden!important;
width: auto!important;
padding: 0px!important;
animation: none!important;
animation-fill-mode: none!important;
}
.sidebar #text-4 {
margin: 0;
}
}
I added some CSS by own and now it works much better but having styling issues still can you help me out like filter submit button on mobile not showing also some other issues..
CSS
.woof.woof_sid.woof_sid_widget.woof_hide_filter {
display:block;
}
#text-4 .woof_show_mobile_filter_container {
display:none;
}
@media only screen and (max-width:767px){
.woof.woof_sid.woof_sid_widget.woof_hide_filter {
display:none;
}
#text-4 .woof_show_mobile_filter_container {
display:block;
}
.woof_redraw_zone {
width: 360px;
overflow-x: hidden;
height: 100%;
padding: 10px;
}
.woof_show_filter_for_mobile.woof {
top: 100px;
overflow: hidden!important;
width: auto!important;
padding: 0px!important;
animation: none!important;
animation-fill-mode: none!important;
}
.sidebar #text-4 {
margin: 0;
}
}
Quote from Syed Mudassir on August 3, 2022, 15:44Updated bit CSS and button set but still having issue on scroll close option and when filter section done and button pressed it's not showing the selection filters please let me know the solution thanks.
Updated bit CSS and button set but still having issue on scroll close option and when filter section done and button pressed it's not showing the selection filters please let me know the solution thanks.
Quote from Pablo Borysenco on August 4, 2022, 16:15Hello
This is not a good solution, for the correct work of the plugin you should find the reason why this wp_is_mobile() function does not work
Hello
This is not a good solution, for the correct work of the plugin you should find the reason why this wp_is_mobile() function does not work