Why does my dropdown menu disappear on mobile or smaller browser window sizes?

Shopify Discussion

Topic summary

A user encountered an issue with a custom hover-based dropdown menu on their Shopify Dawn 12.0 theme. The dropdown worked correctly in desktop fullscreen mode but disappeared on mobile devices and smaller browser windows, showing only an ‘X’ and scrollbar instead of menu items.

Technical Details:

  • Custom JavaScript was added to header.liquid to enable hover functionality for the “All products” menu
  • The problem affected the site at irsyaofficial.com
  • Screenshots were provided showing the issue across different viewport sizes

Resolution:
The user identified that the issue stemmed from custom code in the global.js file. Reverting that code fixed the problem, suggesting a conflict between the header script and existing JavaScript.

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

This issue was due to custom code in global.js file. Reverted the code to fix the problem.