On my mobile app, I cannot use my filters because of this overlay blocking it. This is a custom website and I have tried everything.
Topic summary
A user encountered a grey overlay blocking the filters option on their mobile Shopify store, preventing customers from using the filtering functionality.
Solution Provided:
- Navigate to Online Store → Edit Code → theme.liquid file
- Add specific CSS code above the
</body>tag - The code successfully removed the overlay and restored filter functionality
Current Status:
- Original issue resolved for the first user
- Another user (fashionably4you) is experiencing the same problem but cannot view the CSS code snippet in the thread
- They’ve been asked to share their store URL and password for personalized assistance
Note: The actual CSS code is referenced but not visible in the conversation text, suggesting it may be a formatting or display issue within the forum platform.
Hey @SF18
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
Hey @SF18
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like
Worked!! Thank you!!
Hi guys, why is the code above not visible to me? This would solve my problems too!
having this exact problem and this would help me very much