Shopify menu

Store Design

AI-generated summary

Mobile dropdown scrolling in a Shopify store menu was not working, although the dropdown worked on desktop. The issue concerned the mobile navigation drawer for a submenu on the site.

Key suggestions provided:

  • Edit base.css and add a mobile-only CSS rule targeting the child menu list.
  • The fix sets max-height: 60vh, enables overflow-y: auto, hides horizontal overflow, and adds -webkit-overflow-scrolling: touch for smoother mobile scrolling.
  • A simpler alternative was also suggested in Shopify “Custom CSS”: .menu-drawer { overflow: auto !important; }.

Outcome:

  • The original poster confirmed the problem was resolved after applying the CSS fix.
  • No further troubleshooting was needed, so the discussion appears resolved.

Technical note:

  • CSS is the styling code used to control layout and scrolling behavior.
  • The attached screenshot was relevant because it showed where to place the code in the Shopify theme editor.
1

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:

2

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;
  }

}

image
image295Ă—444 10.9 KB

3

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

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

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

5

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: