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

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

WVU
Tourist
12 0 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

 

Reply 1 (1)

Small_Task_Help
Shopify Partner
804 26 71

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.
To Get Shopify Experts Help, E-mail - hi@ecommercesmalltask.com
About Us - We are Shopify Expert Agency
At Google My Business - Ecommerce Small Task - Hire Shopify Developers Ahmedabad