Why is my mobile menu in Kalles not working properly?

Solved

Why is my mobile menu in Kalles not working properly?

hannah0797
Tourist
9 0 2

Hi,

 

Is anybody able to help with the issue with my mobile menu as shown below:

 

23812EA9-A8FD-490C-BF4B-C680EBD1623E_1_102_o.jpeg

When i click 'Furniture' to show the drop downs it doesn't open/close the menu - just glitches and the pages inside the menu don't go.

 

Link to website below - this issue is only on mobile view:

 

https://xvtv297maxyzu1l0-2632155254.shopifypreview.com

 

Thanks!!!

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
2139 616 526

This is an accepted solution.

Hey @hannah0797,

Please try this and it should work

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
div#shopify-mb_nav .t4s-mb__menu > li > ul.t4s-sub-menu {
    display: none !important;
}

div#shopify-mb_nav .t4s-mb__menu > li.is--opend > ul.t4s-sub-menu {
    display: block !important;
}
</style>

 

 Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1706531628387.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Reply 1 (1)

ThePrimeWeb
Shopify Partner
2139 616 526

This is an accepted solution.

Hey @hannah0797,

Please try this and it should work

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
div#shopify-mb_nav .t4s-mb__menu > li > ul.t4s-sub-menu {
    display: none !important;
}

div#shopify-mb_nav .t4s-mb__menu > li.is--opend > ul.t4s-sub-menu {
    display: block !important;
}
</style>

 

 Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1706531628387.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!