A Shopify store owner using the Dawn theme wants to make the collection filter and sort section sticky below the header when scrolling, particularly on mobile devices.
Problem:
User has a sticky header enabled
Wants the filter/sort controls to remain visible while scrolling through collection pages
Preference for mobile, but desktop implementation also acceptable
Solution Provided:
Two community members (@BrewBrains and @Anshul_arora) offered similar CSS-based solutions:
Add custom code to the theme.liquid file before the closing </body> tag
The code uses CSS positioning to make the filter section sticky
Outcome:
The solution from @Anshul_arora was confirmed working by the original poster
Issue marked as resolved
Follow-up Question:
Another user (@NiyatiS) asked if the same solution would work for the Craft theme, but this remains unanswered.
Summarized with AI on October 28.
AI used: claude-sonnet-4-5-20250929.
I’ve not been able to find a solution to this in the forums, so not sure if it is even possible.
I have sort and filter enabled on my collection pages on Dawn Theme. I currently have a sticky header enabled across all pages. I was looking to also make the “sort and filter” section sticky underneath the header on scroll.
This is a preference for mobile, but would be happy if this could be sticky on both mobile and desktop.
This theme is currently in preview (not my live site), so here is a temporary preview URL:
