Expanse theme - my filters won't scroll so you can see them all on mobile

Technical Q&A

Topic summary

A user is experiencing an issue where filter options on mobile devices cannot be fully accessed because the filter panel doesn’t scroll, preventing users from seeing all available options.

Proposed Solution:
A community member provided a CSS fix to resolve the scrolling issue:

  • Navigate to: Online Store > Themes > Customize > Theme settings > Custom CSS
  • Add a media query targeting mobile viewports (max-width: 767px)
  • Apply max-height: 80vh to the .collection-mobile-filters .filter-wrapper class
  • This creates a scrollable container with a maximum height of 80% of the viewport

Status: Solution provided but not yet confirmed as implemented or tested by the original poster.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I am having problems that when on mobile you cannot access all of the filter options because you cannot scroll down on the filters when on mobile.

Im not sure where I can fix this!

Thanks

website is www.secondsnuggle.co.uk

2

hi @SecondSnuggle

You can solve it by adding this code to Custom CSS in Online Store > Themes > Customize > Theme settings

@media (max-width: 767px) {
    .collection-mobile-filters .filter-wrapper {
        max-height: 80vh !important;
    }
}