Hi everyone,
I’m using the Horizon theme on Shopify and I’m running into a frustrating bug with the navigation menu on desktop.
Here’s what happens: when I hover over a main menu item and the submenu opens, the submenu disappears the moment I try to move my mouse toward it to click on one of the links. It’s basically impossible to navigate the submenu at all.
I’ve already tried the CSS fix shared in a few threads here (the .menu-list__link:hover:after extension trick) but it doesn’t seem to work for me.
I also can’t simply update the theme to the latest version, because I’ve made a significant amount of custom modifications to my current theme and updating would mean redoing everything from scratch — which is not an option right now.
I’m looking for an independent developer who can help me fix this directly in the theme code without requiring a full theme update.
If you know what’s causing this and how to patch it cleanly, I’d really appreciate your help. Happy to share store access or more details.
Thanks in advance! website: studio-timeless.com
Hi @vseazon
@tim_tairli code from Vessel 3.3.0 submenu problems - #11 by tim_1 does not work for you, maybe because you did not follow the suggestion to add a Custom Liquid section. Maybe you tried that, but I see code at the end of assets/base.css . Note you should remove <style> at the beginning and </style> at the end from your base.css file as that is wrong and possibly why it is not working.
Also, that “For security reasons, using browser developer tools is not permitted on this site.” is annoying 
I did everything you said, but it still doesn’t work. I placed it in a custom section and also in the base, but it still doesn’t work. I re-enabled the developer tool for you to check if you want. Thank you very much for your help. God bless you.
I looked at your site and I do not encounter (expected) problems.
I do see the extensions (i’ve added red dashed border to them on the screenshot) and Menu works as I expect it to.
Of course, since the submenu is to the left, if you move mouse straight from the top menu to submenu it will lead to hiding the submenu.
(illustration from here – Vessel 3.3.0 submenu problems - #10 by tim_1)
For this there are 2 options – either make “extensions” non-rectangular like suggested here – Horizon V-3.4.0 Navigation Hover issue - #6 by tim_1
Or convert from mega-menu to “almost drop-downs”, as I suggested in Horizon theme: drop-down menu alignment - #19 by tim_1
Yes, that bugs me off every time. So I’ve added a bunch of rules in “Request conditions” in devconsole to fight those apps.
Now if I open site with devconsole open it blocks the blockers
Hi @vseazon
Are you still facing the issue, or has it been resolved?
Best regards,
Devcoder 
Hello, I am still encountering this problem. Can you help me?
Could it be that you’re looking at the preview of some other theme, not the live one?
Because I do not see anything unusual, as I mentioned above and I’ve fixed a bunch of ones which were really broken.
Hi @vseazon, I’m not facing the issue with the sub-menu as you described, are you still facing the issue?
Hi @vseazon
Could you please explain clearly what issue you are facing right now? Also, if you can share store access, I can check it properly and let you know the exact problem.
