Move filter and sort button to right side

Store Design
, , , , ,

Topic summary

A Shopify store owner wants to reposition the filter and sort buttons from their current location to the right side of the collection page.

Proposed Solutions:

Two support teams offered CSS-based fixes:

  • MandasaTech’s approach: Add CSS code to theme.liquid before the </body> tag targeting .mobile-facets__wrapper with justify-content: flex-end !important

  • GemPages’ approach: Similar method involving editing theme.liquid and inserting custom CSS before </body>

Both solutions involve accessing the theme code editor (Online Store → Theme → Edit code) and adding CSS styling to adjust button alignment. The responses appear partially corrupted with reversed text, but the core technical guidance remains clear: use CSS flexbox properties to move the buttons rightward.

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

Hi guys,

I would like to move filter and sort button to right side. Please see the screenshot, i have marked which button.

I would appreciate your help. Thanks

URL: https://basicbastard.co/collections/all

Screenshot 2022-12-28 at 9.23.06 AM.png
Screenshot 2022-12-28 at 9.23.06 AM.png2880Ă—1708 333 KB

2

Hello @basicbastardco

I would like to give you a solution to support you:

  1. Go to Online Store-> Theme-> Edit code
  2. Open your theme.liquid theme file
  3. Paste the below code before :
<style>
.mobile-facets__wrapper {
justify-content: flex-end !important;
}

</style>

Was my reply helpful? Please Like and Accept Solution. This mean alot to me.

1 Like
3

Hello @basicbastardco

It’s GemPages support team and glad to support you today.

You can follow these steps:

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

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

1 Like