When I open the menu drawer on mobile it appears transparent at the bottom. I want it to be white all the way to the bottom of the display and not show the elements underneath.
Please help!
Topic summary
A user is experiencing an issue where their mobile menu drawer appears transparent at the bottom instead of displaying a solid white background. This transparency reveals underlying page elements.
Proposed Solution:
- A PageFly support representative suggested adding custom CSS code to the theme.liquid file
- The code should be inserted inside the
<body>tag, positioned right before the closing</body>tag - Specific steps provided: Navigate to Online Store → Theme → Edit code → Open theme.liquid file
Current Status:
- The user implemented the suggested code but reported it didn’t resolve the issue
- A follow-up clarification was provided emphasizing the exact placement of the code within the body tag
- The problem remains unresolved and awaiting further troubleshooting
Note: Screenshots were shared showing both the problem and the correct code placement, which are central to understanding the technical implementation.
Hi @buchanan215 ,
This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:
Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :
Hope my answer will help you.
Best regards,
Victor | PageFly
Hi Victor,
Thanks for responding. I’ve added the code to theme.liquid as below:
Unfortunately, it is still displaying the same.
Hi @buchanan215 , Sorry for the late reply.
You have to put my code inside the tag and put it right before like this
