How can I shift the vertical filter menu to the right in Dawn Theme?

larsvilhelmsson · ‎04-24-2024

Hello fellow Shopifiers....

Is there a way to move the vertical filter menu to the right side of collection, I'm using Dawn Theme.

Cheers Lars

ThePrimeWeb · ‎04-24-2024

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.facets-vertical.page-width {
  flex-direction: row-reverse !important;
}
</style>

Screenshot is for reference only, the correct code to paste is the one shown above.

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Dawood_Mirza_ · ‎04-24-2024

Hi Larsvilhelmsson,
To Shift Filter to the right you need to
1. Go to "Edit Code"

2. Search for "component-facets.css"

3. Go to around line 1035 there will be this code

@media screen and (min-width: 750px) {
  .facets-vertical {
    display: flex;
  }

4. Change or replace this code with

@media screen and (min-width: 750px) {
  .facets-vertical {
    display: flex;
    flex-direction: row-reverse;
  }

Thats all
Hope you find this solution helpful

Want to work with me - dawoodmirzabusiness@gmail.com
Don't forget to like and mark it as Solution if it was helpful to you.