Hello XStore Support Team,
I’m currently using the “All Departments” menu inside the header area of my website, and I’ve run into a display issue that I need help resolving.
I have 20+ categories listed inside this dropdown, and because of the large number, I want to make the menu scrollable so all categories remain accessible on smaller screens. I tried adding a scroll (with max-height and overflow-y: auto), and it works partially — the menu becomes scrollable as intended.
However, the issue is that many of these categories contain nested mega menus, and once I apply scrolling, these mega menus are getting cut off or not visible properly when hovered. It seems like they are being confined within the scrollable container, and I can’t figure out how to make them appear outside the scroll area without breaking the layout.
Summary of the issue:
Using XStore’s “All Departments” menu with 20+ categories
Added vertical scroll to fit the long list
Nested mega menus don’t display properly — they get clipped inside the scroll area
Can you please advise the proper way to:
Enable vertical scroll for the “All Departments” dropdown
Make sure the nested mega menus remain fully visible and don’t get cut off
Let me know if you need a link to the site or admin access.
Looking forward to your assistance!
Best regards,
Papuna Tskhvediani
