Re: open the menu tree by clicking on the full menu Area

MohamedHegazy · ‎12-31-2023

Is there a way to open the menu tree by clicking on the menu itself, not just the '+' area?

on mobile not desktop

Screenshot 2023-12-25 at 1.09.38 PM.jpeg

store URL

https://mkaank.com/

Justin-Simesy · ‎12-31-2023

Hi. Yes. Please removed the code from the theme.liquid file.

Also please remove <script> and </script> tag from this code

Thanks,

Justin

Smartify - FREE Post Purchase Survey

- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Website

View solution in original post

Justin-Simesy · ‎12-31-2023

Hi @MohamedHegazy. Hope you are doing well. Could you please try adding this code at the end of theme.liquid file (before </body> tab) ?

<script>
document.querySelectorAll(".offcanvas__menu_item, .offcanvas__sub_menu_item").forEach(function (toggle) {
    const parent = toggle.parentElement;
    if (parent.querySelectorAll(".offcanvas__sub_menu_toggle").length > 0) {
        toggle.addEventListener("click", function (e) {
        e.preventDefault();
        parent.querySelectorAll(".offcanvas__sub_menu_toggle").forEach(function (button) {
            button.click();
        });
      });
    }
});
</script>

Please let me know if it not works.

Thanks

Smartify - FREE Post Purchase Survey

- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Website

MohamedHegazy · ‎12-31-2023

I appreciate your help. I added the code, but the issue persists. The submenu still requires manual clicking on the "+."

Any additional suggestions?

Screenshot 2023-12-31 at 7.11.59 PM.png

Justin-Simesy · ‎12-31-2023

Please try adding these code before </body> tag, NOT <body> tag.

Smartify - FREE Post Purchase Survey

- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Website

MohamedHegazy · ‎12-31-2023

issue persists.

Can you take a quick look at this video screen recording Please

Justin-Simesy · ‎12-31-2023

No worry. Can you try to find mobile-nav.js (inside assets) folder of your theme code then adding my custom code here (before document.addEventListener("click", function (event) { ...) ?

Thanks

Smartify - FREE Post Purchase Survey

- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Website

MohamedHegazy · ‎12-31-2023

Yes, I implemented the changes, but the three dots on the right are unclickable.

I removed the code from the theme.liquid file, right?

Justin-Simesy · ‎12-31-2023

Hi. Yes. Please removed the code from the theme.liquid file.

Also please remove <script> and </script> tag from this code

Thanks,

Justin

Smartify - FREE Post Purchase Survey

- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Website

MohamedHegazy · ‎12-31-2023

Thanks a bunch for your assistance! Much appreciated!

Re: open the menu tree by clicking on the full menu Area

open the menu tree by clicking on the full menu Area

Smartify - FREE Post Purchase Survey

Smartify - FREE Post Purchase Survey

Smartify - FREE Post Purchase Survey

Smartify - FREE Post Purchase Survey

Smartify - FREE Post Purchase Survey

Community Blog Articles