Why does my submenu disappear when I hover on my website?

Topic summary

A user is experiencing a CSS/hover issue where their website’s main header menu item remains visible on hover, but the submenu disappears when attempting to interact with it.

Key Details:

  • The problem occurs specifically when moving the cursor from the main menu item to its submenu
  • A screenshot was provided showing the issue
  • The site is built on Shopify (based on tags)

Current Status:

  • A support team member has responded and requested access credentials
  • The user provided the password (654321) to their password-protected store
  • The issue remains unresolved and awaiting technical diagnosis

This appears to be a common hover state/CSS timing problem where the submenu loses focus or visibility before the user can interact with it.

Summarized with AI on November 24. AI used: claude-sonnet-4-5-20250929.

My main header item is still visible when I hover, but when I move to the submenu, it disappears. Can anyone help me fix it? Thank you

my website https://sahudemo1.myshopify.com/en

@LongLe
Greetings from the Store Watchers Support Team! Happy to help you today.

Your store is password protected, can you please share the password?

Let me know if need further assistance.
Regards,
Store Watchers Support Team

oh, the web’s password:sahudemo123456