How to modify sort functions in the Dawn theme?

Store Design

Topic summary

Goal: remove certain “Sort by” options in Shopify’s Dawn theme and make the dropdown background black.

What was tried:

  • Custom CSS suggested to style the dropdown and hide unwanted options via selectors (e.g., [name=“sort_by”] option for colors; [value=“manual”], [value=“best-selling”], etc. set to display:none). This worked on desktop.
  • Note: reordering options requires editing theme code (facets.liquid snippet in Dawn), not just CSS.
  • Another suggestion was to add custom code in theme.liquid before (exact snippet not shown in the thread).

Results and issues:

  • Desktop: CSS approach successfully hid options and set a black background with white text.
  • Mobile: several users reported the options still appeared in the mobile dropdown when only using the initial methods.

Latest update:

  • A shared guide (external link) provided code that worked for both desktop and mobile to remove sort options.

Open questions:

  • Renaming a sort label (e.g., “Date, new to old” → “newest”) was asked; no solution provided in-thread.

Status: largely resolved for removing options on both desktop and mobile via the linked method; label renaming remains unanswered.

Summarized with AI on December 14. AI used: gpt-5.
4

Hi @benderflexo ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly

1 Like