Adding animation to sub menu item

Store Design
, , , , , , , , , , , ,

Topic summary

A user seeks to add smooth slide-in/slide-out animation to a mobile header sub-menu under the “PRODUCTS” item when clicking the plus/minus icon.

Current State:

  • The sub-menu lacks animation transitions
  • User provided screenshots and reference store (tomnoske.store) showing desired behavior
  • Issue is mobile-specific only

Solution Identified:

  • Another participant identified the animation requires CSS transition properties: transition: opacity 1s ease, height 0.5s ease, visibility 0s
  • User requested the specific code implementation

Status: Awaiting code delivery from the respondent who offered to implement the solution.

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

This is because of the CSS properties: transition: opacity 1s ease, height 0.5s ease, visibility 0s;. Let me know if you need me to implement this.

1 Like