If you're using the Zendrop theme on your Shopify store and notice that the mobile menu drawer appears behind the header, you're not alone. This common issue can be easily fixed by adjusting your theme settings. Follow the steps below to get your mobile menu working properly.
Step by step guide to resolve this issue:
Go to Online Store → Themes, click Customize on your live theme.
Switch preview to Mobile and from the left-side bar menu, click Header.
Locate Custom CSS section and under Add custom styles to this section only, add or modify:
.section-header { z-index: 1; }
Save your changes.
NOTE: Once you've made the changes, check the drawer on different mobile devices to confirm that it appears and functions correctly.
Now that you've fixed the mobile menu issue, if you encounter any further questions or need assistance, feel free to contact our support team by submitting a request through the in-app messenger or email us at [email protected].