Hi,
My website has gone live & I’ve added a product filter to the site.
It seems to work on the desktop & when I place it in mobile view.
When I actually go onto a mobile to view it doesn’t appear,
Topic summary
Product filter shows on desktop and in Shopify’s mobile preview, but does not appear on real mobile devices for the linked collection page.
Key finding: A JavaScript error in theme.js on the live site was identified, and that file differs from the original Motion theme’s theme.js. The error seems to block the filter on mobile while desktop still works. Screenshots comparing code and console errors were provided, which are central to the diagnosis.
Context: theme.js is the theme’s JavaScript. “Facets” refer to filters in Shopify’s UI.
Recommendations/actions:
- Revert or fix theme.js to match the Motion theme’s original code to remove the error.
- If not comfortable editing code, contact the Motion theme’s support (link provided) for a proper fix.
- A community member suggested a CSS workaround: set the mobile filter element (class mobile-facets__open) to display: block and color: black, which may surface the control if it’s hidden.
Status: The site owner requested help, but was advised to contact the theme developer. No confirmation of a fix yet; issue remains unresolved/ongoing.
I check on your page and found this error code on the file theme.js.
When I check the original Motion theme and the code on the file theme.js was not the same as your file.
Maybe that error code makes your page not load Filter on the Mobile, meanwhile the Filter runs normally and the error code does not appear on the desktop.
I think you should check and deal with that code if you know how, otherwise you can go back to the original theme’s code.
Please contact me if there are any problems.
Kind & Best regards,
GemPages Support Team
Hi
Thanks for the reply. Unfortunately this goes beyond my skill set. Any chance you could help me fix the issue?
Thanks in advance.
I am willing to help however actually in this case, I would highly recommend you reach out to your Theme support team for their further actions in theme codes, as they deeply understand it more than I do. With their related knowledge and proper tools of their product, I believe that they can help. I found the support link so you can contact the theme https://archetypethemes.co/pages/support
Hope your concern will be resolved soon and should there be anything further I can help, just let me know 
.
Kind & Best regards,
GemPages Support Team
add this css code to the section
.mobile-facets__open {
color: black !important;
display: block;
}