Help! Burger menu bug

Solved

Help! Burger menu bug

Maiselnielsen
Excursionist
40 1 3

Hi, 

 

I have changed the normal dawn theme burger menu with a custom one. See attached.

This caused a problem where the burger menu wont disappear once clicked on and therefor both the "x" and menu lines are on top of each other. 

 

Can anyone help? 🙂 

 

Thank you in advance. 

 

www.linierelingerie.com

Password : xef84eju (the site is currently password protected) 

 

IMG_5946-kopi.PNGIMG_5945-kopi.PNG

 

 

Accepted Solution (1)

sadik_ShopiDevs
Shopify Partner
8 1 2

This is an accepted solution.


Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above </head> tag:

 

<style>
    details#Details-menu-drawer-container.menu-opening svg#Layer_1{
	    display:none;
    }
</style>

 

 

Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍
Found it helpful? Please like and mark the solution that helped you.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers

View solution in original post

Replies 8 (8)

sadik_ShopiDevs
Shopify Partner
8 1 2

This is an accepted solution.


Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above </head> tag:

 

<style>
    details#Details-menu-drawer-container.menu-opening svg#Layer_1{
	    display:none;
    }
</style>

 

 

Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍
Found it helpful? Please like and mark the solution that helped you.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers
Maiselnielsen
Excursionist
40 1 3

Hi, 

 

Thank you! 

 

I tried inserting the code above head tag, but I think that I am doing something wrong? The code show in the head banner. See attached. 🙂 

 

Thank you! 🙂 

 

Skærmbillede 2024-09-23 kl. 12.26.11.pngSkærmbillede 2024-09-23 kl. 12.25.32.png

sadik_ShopiDevs
Shopify Partner
8 1 2

please follow the screenshotScreenshot at Sep 23 16-51-38.jpg

Found it helpful? Please like and mark the solution that helped you.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers
Maiselnielsen
Excursionist
40 1 3

It works with this solution! Thank you so much. 🙂 

sadik_ShopiDevs
Shopify Partner
8 1 2

I'm glad to hear that my solution is working properly for you!

I visited your website, and it looks wonderful. To enhance its appeal, you might consider adding a banner slider to your hero section. This can make your website more attractive and engaging for your clients, potentially boosting your sales. You can try using our app, Slider Revolution, for this purpose:

Slider Revolution App

Found it helpful? Please like and mark the solution that helped you.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers
Maiselnielsen
Excursionist
40 1 3

Thank you so much! I am happy to hear that and will definitely check the solution out! 

 

One last thing, if you have the time and have any idea how to solve. We have one huge problem with the card, 

 

https://community.shopify.com/c/shopify-design/problem-with-card-qt-selector-amp-check-out/td-p/2777...

 

Again thank you very much for your help. 🙂 

 

sadik_ShopiDevs
Shopify Partner
8 1 2

I have provided a solution for your card issue. Please check
https://community.shopify.com/c/shopify-design/problem-with-card-qt-selector-amp-check-out/td-p/2777...
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

Found it helpful? Please like and mark the solution that helped you.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers
Maiselnielsen
Excursionist
40 1 3

Thank you so much! Really much appreciated 😍