Solved

how to change the filters checkmark position

מלבושים
New Member
14 0 0

Hi, my site is addapted to right to left language and i think that made the filters checkmark be in a wrong position (see pic). How can i fix this? it's the same on mobile version.

thanks in advance!

 ‏‏צילום מסך (8).png

Accepted Solutions (2)

ThePrimeWeb
Shopify Partner
1821 514 389

This is an accepted solution.

Hey @מלבושים,

 

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>
.facet-checkbox .icon-checkmark {
    left: auto !important;
    right: 24px !important;
}

.mobile-facets__label .icon-checkmark {
    left: auto !important;
    right: 23px !important;
}
</style>

 

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

ThePrimeWeb_0-1710667240041.jpeg

 

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

ThePrimeWeb
Shopify Partner
1821 514 389

This is an accepted solution.

Add on this also

 

<style>
.facets__display {
    left: -15rem !important;
}
</style>
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

Replies 4 (4)

ThePrimeWeb
Shopify Partner
1821 514 389

This is an accepted solution.

Hey @מלבושים,

 

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>
.facet-checkbox .icon-checkmark {
    left: auto !important;
    right: 24px !important;
}

.mobile-facets__label .icon-checkmark {
    left: auto !important;
    right: 23px !important;
}
</style>

 

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

ThePrimeWeb_0-1710667240041.jpeg

 

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!
מלבושים
New Member
14 0 0

thanks! it worked 🙂

also, how can i change the filters box position so it won't be out of the screen on desktop? 

ThePrimeWeb
Shopify Partner
1821 514 389

This is an accepted solution.

Add on this also

 

<style>
.facets__display {
    left: -15rem !important;
}
</style>
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!
מלבושים
New Member
14 0 0

amazing thanks