Hi,
my hamburger menu icon still shows when menu open
it over Laps the close X
my site is https://eftfkw-vc.myshopify.com
Topic summary
A Shopify store owner reports a UI issue where the hamburger menu icon remains visible when the mobile menu is open, overlapping with the close (X) button. This creates a confusing visual experience for users.
A community member provides a CSS-based solution:
- Navigate to Online Store > Themes > Actions > Edit code
- Open the
theme.liquidfile - Locate the
</body>tag and insert custom CSS code immediately before it - Save the changes
The responder includes a before/after screenshot demonstrating the fix resolves the overlap issue. The solution appears to hide or properly position the hamburger icon when the menu is in its open state, ensuring only the X button is visible.
Hi @Luxurymrkt
Try this one.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “theme. Liquid” file. Find the tag and paste the code below before the tag.
-
And Save.
-
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
1 Like