Issue with WOOF Mobile Layout (mobile=1) – Filter Form Not Displaying Properly
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.
I’m currently using the WOOF (Husky) Product Filters plugin on my WooCommerce website, and I’ve enabled the mobile layout by setting mobile=1 in the shortcode.
While the filters are working perfectly on the desktop view, I’m facing an issue on mobile:
Problem:
On mobile devices, when the mobile mode is enabled (mobile=1), sometimes only the “Filter” and “Reset” buttons appear.
The actual filter form (e.g., by category, price, brand, etc.) does not display unless I click the Filter button multiple times (usually 2–3 times).
This inconsistency creates a poor user experience for mobile visitors.
What I’ve Tried:
I’ve tested it across different devices and browsers.
I also tried clearing the cache and disabling other plugins temporarily.
The issue still persists.
https://myrainbowkids.in/shop
Hello,
I’ve just checked the link https://myrainbowkids.in/shop/ — I see that exept sshop page filter wworks fine - it is CSS issue or javascript issue, something hide it, to make tests please using Duplicator https://wordpress.org/plugins/duplicator/ create test subdomain and place the site there (with its own database) and in the secreta are of this topic provide wp-admin and ftp aceess to there
There are problems on the category archive page as well. For some categories filter is being shown on the mobile as in desktop version. for some it is shown in the moblie layout. I want to share the video. how can I do that?
Hello
You can create video then upload it to google drive (or any file share services) and make link of your file there videible for public, then place it into the secret area
Here is short video https://www.youtube.com/watch?v=GIIDNabsILg if you do not know how to create such a video
Also I asked you about test subdomain and share access there to make tests, its better not do with production site, its important, something make the filter hidden
i have submitted the problem videos as well. can i share staging website access ?
Can you pls Check the details shared to find the problem? Thanks.
Hello
I ntered test site and did test - so, somewhere its js conflict, I disabled all plugins exept https://share.pluginus.net/image/i20250813140218.png , changed theme to the baseic one - issue still there. So its somewhere at the intersection of the remaining active plugins but without which the site would not work elementor and its pro. But I found the way: in footer.php of the curent wp theme (better to create child theme and use it there) I placed js script before closing tag body:
window.onload = function () {
var sections = document.querySelectorAll('.woof_section_tab');
sections.forEach(function (item) {
setTimeout(function () {
var label = item.previousElementSibling;
if (label && label.classList.contains('woof_section_tab_label')) {
label.style.display = '';
}
item.style.display = '';
}, 1777);
});
};
https://share.pluginus.net/image/i20250813140608.png - and now its works
Please do tests on your side, and my advice is use child theme for the current wp theme for better future exeperience
Hello @richagarg1808
For some categories filter is being shown on the mobile as in desktop version. - This is most likely a conflict with the current caching settings on your site. Please find an option in the cache settings to use different caches depending on the type of devices (most good caching plugins provide this option)
Hi. Did exactly the same as instructed and now everything seems to be working fine. Thank you so much for the support.
Hello
Great! Welcome;)
Hi
I am facing one more problem, on mobile the filter container is going underneath my sticky header thus hiding its own contents. i am trying to find the class the container has on mobile to give the higher z-index but unable to do so. Kindly help me with this.
I just checked. on category pages its showing fine but on shop page new problem is there that the filter container showing all the filters is going under the header and also filter button. sometimes its going under the filter button and header and sometimes it opens perfect. can i resolve this using z-index?
kindly help. Its really urgent
I have also attached reference pictures. Checked the z-index as well. its already higher. so probably not because of z-index.
Hello
I did a test on your site and couldn't reproduce the error.
I wanted to make a video of the shope page but it looks like you dropped the site
https://myrainbowkids.in/shop/
Can you please check this page in mobile.
The mobile container is going behind the header and filter button.
On category Page, It is fine
Hello
This is what I see on your site - https://share.pluginus.net/video/v20250901113029.mp4
Maybe I'm doing something wrong?