Shopify themes, liquid, logos, and UX
Hi
min looking to move the sort button next to my filter button so it looks like the picture
my site is https://luxurymrkt.com/collections/newest-products
I want it to look like this 👇
Solved! Go to the solution
This is an accepted solution.
Hi @Luxurymrkt
This is PageFly - Advanced Page Builder. I would love to give you some recommendations
-Go to Online Store->Theme->Edit code
-Asset-> theme.css paste the below code at the bottom of the file.
.collection-grid__wrapper .collection-filter{
display: grid !important;
grid-template-columns: 1fr 1fr;
}
.collection-filter__item--drawer button{
width: 100% !important;
text-align: start !important;
}
Best Regards;
Pagefly
This is an accepted solution.
This is an accepted solution.
This is an accepted solution.
This is an accepted solution.
Hi @Luxurymrkt
This is PageFly - Advanced Page Builder. I would love to give you some recommendations
-Go to Online Store->Theme->Edit code
-Asset-> theme.css paste the below code at the bottom of the file.
.collection-grid__wrapper .collection-filter{
display: grid !important;
grid-template-columns: 1fr 1fr;
}
.collection-filter__item--drawer button{
width: 100% !important;
text-align: start !important;
}
Best Regards;
Pagefly
This is an accepted solution.
Hi that worked
but it made the filter button smaller
This is an accepted solution.
I updated new code
That work ! Only one smaller fix
the filter button is rounded the sort is square
I think I need to change the filter to a square button so lines up correctly or change the border?
This is an accepted solution.
you can add border-radius:0 !important
Thanks Again!!!! Appreciate all your help
Thank you, I glad when can help you
User | RANK |
---|---|
204 | |
171 | |
77 | |
56 | |
52 |
Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023