How to prevent mobile drop-down menu from stacking on top of each other

Technical Q&A
1

Hey everyone! My menu on mobile view starts menu items on top of each other when I open 2 drop down menus at the same time. How do I prevent this from happening? Is it possible to automatically close a drop down menu when one selects another one?

Thanks in advance!

WhatsApp Image 2024-09-24 at 17.08.39.jpeg
WhatsApp Image 2024-09-24 at 17.08.39.jpeg946×2048 183 KB

2

Hi,

Hope following will help

  • Inspect HTML/CSS to identify structure and classes of the drop-down menu.
  • Adjust CSS to set proper positioning, display, and z-index properties.
  • Use JavaScript to handle click events and managing active states of menu items.
  • Test the menu on different devices.