How to enable smooth mega menu slide in effect on Dawn theme?

Topic summary

A user seeks to add a smooth slide-in animation effect to the mega menu in Shopify’s Dawn theme, triggered when clicking primary-level navigation items.

Technical Challenge:

  • The implementation requires custom JavaScript to handle click events
  • Additional CSS animations are needed for the menu transition
  • The solution is considered complex beyond basic theme customization

Current Status:

  • No code solution has been provided yet
  • A responder recommends hiring a developer due to the technical complexity
  • The discussion remains open with an offer for professional development services to implement the feature
Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.

Hi!

Is there a way of letting the mega menu smoothly slide in to the screen when clicking on the primary level title?

Website url: www.mism.store

Best,

Team-mism

Hi @monomgroup

We’ve carefully checked your website and found your problem quite complicated - Due to this requirement need more JS code to handle “click” event, and also need more CSS to have animation for menu. So we suggest hiring a developer.

It’s what we can help with an optimal solution. If you need help from our expert, kindly share your request with us via Shopify experts.

We will check it and give you a detailed solution. We’re looking forward to working with you.