Craft Theme: Can't scroll through Nested Menu Items on Mobile

Store Design
,

Topic summary

Issue: On mobile using the Craft theme (birdsofvalhalla.com), the first-level menu scrolls, but nested submenu items are cut off and cannot be scrolled, limiting access to deeper navigation.

Clarification: Another participant could not reproduce the problem and requested which specific menu shows the issue, suggesting it may be device- or menu-specific.

Proposed fix: Edit theme files via Actions > Edit code > Assets > base.css and add the rule: .menu-drawer__inner-submenu { overflow-y: auto !important; }. This enables vertical scrolling when submenu content exceeds the container height.

Outcome/status: A concrete CSS fix was provided, but there is no confirmation from the original poster that it resolves the issue. The discussion appears open pending user feedback. The included CSS snippet is central to the resolution.

Summarized with AI on December 23. AI used: gpt-5.
1

Website is birdsofvalhalla.com- when I am on mobile, I can only scroll down through the items of the first main menu bar. However, if I try to view a nested menu- part of it gets cut off and I can’t scroll down further to see the rest of the options.

2

@Knolan - which one exactly has the issue? I checked few on mobile and they are working fine

3

Hi @Knolan ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.menu-drawer__inner-submenu {
  overflow-y: auto !important;
}