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.
I updated new code
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 |
---|---|
141 | |
113 | |
79 | |
64 | |
63 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023