I tweaked my website code recently to make my main menu drop down when I hover on it, and the main menu still be clickable, and both are working fine on the desktop version of the website. But on the mobile version of the website, in the hamburger menu, only the nested menu is clickable and not the main menu, and I want the main menu to be clickable as well, so what can I do to make the main menu clickable? Any help would be greatly appreciated. Thank you.
Ps- I’m attaching a screen recording so that you guys could have a clear idea of what I’m talking about.
Also worked great for me thanks! Since the original solution the code has changed a bit and is now found in ‘snippets/header.drawer.liquid’ (Dawn Theme). It also now has the {{ link.title | escape }} on the following row where you insert this, so the link title appears twice. Just delete the {{ link.title | escape }} that appears after the inserted code and it’ all set. Top banana. Thank you!
