Shopify menu

My Drop down Menu is working on Desktop. But when i try to scroll the menu dropdown in mobile it doesnt work? Please Help me with the Issue ASAP.

Website:

1 Like

Hi @thearchive

In your Shopify Admin go to online store > themes > actions > edit code
Find Asset > base.css and paste this at the bottow of the file:

@media screen and (max-width: 990px){

  #Details-menu-drawer-shop-by-brand .menu-drawer__menu--childlist{
    max-height:60vh;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    display:block;
  }

}

1 Like

I’d try simply this in “Custom CSS”, either in Header section or in Theme settings:

.menu-drawer {
  overflow: auto !important;
}

oh my god. I cant thank you enough my man!!!. Hope you have an amazing life. im so thankful for u. Keep helping out man Love U

1 Like

Hi @thearchive

You’re very welcome! I’m really glad it helped and that everything is working for you now. :blush:
Thanks a lot for the kind words — I truly appreciate it!

If you ever need help again with your Shopify store or anything else, feel free to reach out anytime.
Wishing you great success with your store and an amazing day ahead! :rocket:

If helpful, please like all posts. :white_check_mark:

Best regards,
Devcoder :laptop: