Hi, No, unfortunately, still doesn’t work.
Topic summary
Main issue: A scrollable “slider” (scrollbar) was needed inside the dropdown submenu, but CSS added in base.css didn’t take effect. The drawer menu already had scrolling, but its design wasn’t desired.
What was tried: The OP first styled .list-menu (max-height, overflow, custom scrollbar) and removed parent constraints, but the dropdown still didn’t scroll. A suggestion to add details[open] > .header__submenu { max-height: 30rem; overflow: auto; } in base.css didn’t work either.
Key fix: Add the CSS in the theme’s menu stylesheet instead of base.css:
- File: /assets/component-list-menu.css
- Rule: .js details > .header__submenu { max-height: 30rem; overflow: auto; }
This targets the actual submenu element used by the dropdown structure, enabling scrolling within a capped height.
Outcome: After updating the correct file with the proper selector, the dropdown gained a scrollbar and worked as intended. The OP confirmed success and thanked the helper.
Notes: Screenshots were shared to show the desired result and code placement; the issue is resolved.