Dropdown menu issue

When I hover on the bottom-pointed arrow icon on navigation (image below), it won’t auto display my dropdown menu as I have to click on that arrow icon to show menu items. Please help me to write a code, thanks!!! My web: https://lookpositive.com/

@olivierttt - check your javascript code, it must have event on click to open menu, you need to change it to hover event, this requires JavaScript knowledge hence if you are not familiar then you will need someone who is expert in it. And since this would be the coding adjustment I doubt if anyone will do it for free.

HI @olivierttt

You can try to add this code to your theme.liquid file before in Online Store > Themes > Edit code and check if it works


@Dan-From-Ryviu Hi, thanks for your help, I tried to add but it does not work unfortunately :disappointed_face:

Did you save your file after adding the code? Because I cannot find it?

@Dan-From-Ryviu For sure, I saved it and preview with an incognito but it did not work then I removed the code. Does it need time to update on storefront?

No, it will not. Could you add code, save your file so I can check?

@Dan-From-Ryviu Done! Please check, your support is much appreciated!

Please add it before , you added it before

@Dan-From-Ryviu I changed the position now but it still did not work

Please try to update your code to this and move it before


@Dan-From-Ryviu it works but I cannot click on the menu items when the menu drops down! When I hover to any items the menu dissapears

Yeah, your dropdown menu opens too far below the main menu, and when the mouse hovers over the parent menu, dropdown menu will disappear.