Hey everyone. I tried the latest update to Vessel (3.3.0). But its unusable for me since any time I try to access the submenu it just vanishes. I’m using an ultra-wide 5120x1440 monitor. When I hover over menu text, the submenu does appear, but it vanishes the moment I try to move my mouse to access it. This does not happen in the previous version of the theme. So, I’m unsure what changed. Any help would be appreciated!
Topic summary
Main issue: After updating to the Shopify theme Vessel 3.3.0, the submenu disappears when moving the cursor from a menu item to its submenu on an ultra‑wide 5120×1440 monitor. The previous theme version did not exhibit this behavior.
Cause identified: Another participant confirms this is a known hover‑state regression in Vessel 3.3.0, likely caused by a positioning or animation change that makes the submenu lose hover focus, especially noticeable on ultra‑wide screens. “Hover‑state regression” refers to a bug introduced by an update that breaks expected hover behavior.
Status: Acknowledged as a theme update issue rather than a user setup problem. No workaround or fix was provided in the thread, and no actions or resolutions were documented; the issue remains open pending a theme fix or further guidance.
1 Like
That is unfortunate. Is there anything I can other than not upgrading to 3.3.0?
I have no idea how to do that!
Hi @Seeker245
Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.
Best regards,
Devcoder 
I’ve updated my Horizon to 3.3.0 (same theme code as Vessel).
This does not happen to me in my Chrome browser.
Can you share a preview link to your updated theme to better diagnose the problem?
What browser you’re using? Update to 3.2.0 brought some incompatibility with Firefox and Safari, this may be similar.
Horizon doesn’t have the problem since it appears to have a different menu.
Had to install the Vessel, just to confirm what I am saying.
They are absolutely the same theme – same code, same set of settings.
It’s just different starting configuration.
And I do not have the problem you’re talking about on Vessel too.
The only thing which kinda makes sense is this – since your monitor is wide, the leftmost submenu can be relatively far on the left and moving mouse directly from the parent menu item to submenu would result in closing the submenu since yellow part of the way leaves the initially hovered-over menu.
But this was always the case…
But again – share a preview link to your broken theme copy.
Can probably approach it similarly to this – Dawn 13,0 megamenu dropdown is dissapearing after hovering - #2 by tim_1
I can confirm that this looks like a bug in latest Horizon family of themes.
Just need your logo to be higher than menu items.
My test theme had textual logo and this is why I could not replicate.
I can’t quit pinpoint why this happens yet.
The temporary fix can be to add the same kind of “extension” I suggested for Dawn in the topic linked above.
You can’t add it to “Custom CSS”, but you can add a “Custom liquid” section to the Footer group and paste this:
<style>
.menu-list__link:hover {
position:relative;
overflow: visible;
}
.menu-list__link:hover:after {
content: "";
position: absolute;
inset: 0;
transform: scale(1.25) translateY(3.5rem);
z-index: 3;
}
</style>
Hey Tim,
Thanks for looking into the issue. I’m glad to know that its just not me. So, I tried pasting that code into the footer group like you said. But I didn’t see a difference.
Update: I tried Tim’s code again and it seems to work. Thank you!
2 Likes