Facets.liquid code changes show on desktop but not on mobile

Technical Q&A

Topic summary

Issue: After customizing sorting options in a Shopify Dawn theme collection page, changes in facets.liquid display correctly on desktop but not on mobile.

What was done: The user edited facets.liquid (around line 319), removing a block and inserting a select element to reduce sort options from 8 to 5.

Outcome: Desktop shows the intended 5 sorting options. Mobile still displays all original options.

Evidence: Two screenshots demonstrate the discrepancy (desktop reflects changes; mobile does not). A code snippet with the modified select tag is included.

Context: facets.liquid is the theme file handling filters/sorting (“facets”) on collection pages in Dawn.

Open questions: Whether mobile uses a separate template/markup or JS path requiring changes elsewhere, or if additional code is needed for mobile-specific UI. The user asks where to apply changes so they affect both desktop and mobile.

Status: No resolution yet; guidance requested on making the sort customization apply on mobile as well.

Summarized with AI on February 1. AI used: gpt-5.
1

Hi, I changed the facets.liquid code in order to customize the sorting options in the collection page within Dawn theme. I reduced the sorting options from 8 to 5. However the changes properly show in the desktop version but don’t seem to affect to mobile version. How can i fix that so that it applies for both, desktop and mobile?

Here is what I did:

Within facets.liquid i went to line 319 and removed the following part:

and exchanged it with the following:

select name="sort_by" class="facet-filters__sort select__select caption-large" id="SortBy" aria-describedby="a11y-refresh-page-message">

And this is the correct result on desktop:

davinci2023_0-1675617913761.png
davinci2023_0-1675617913761.png713×574 36.8 KB

while this is how it looks on mobile, with still all sorting options unfortunately:

davinci2023_1-1675617973114.png
davinci2023_1-1675617973114.png740×593 40.3 KB

Do i have to add something to the code to make it apply to mobile as well, or do i have to replace the code in a different place as well?

Please help me out here and thanks for your time in advance. Much appreciated!