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
If it’s helpful for you, please let me know by giving it a like or marking it as a solution!
PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.
All features are available from Free plan. Let’s create unique website design with PageFly here.
This is an accepted solution.
This is an accepted solution.
I updated new code
If it’s helpful for you, please let me know by giving it a like or marking it as a solution!
PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.
All features are available from Free plan. Let’s create unique website design with PageFly here.
This is an accepted solution.
you can add border-radius:0 !important
If it’s helpful for you, please let me know by giving it a like or marking it as a solution!
PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.
All features are available from Free plan. Let’s create unique website design with PageFly here.
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
If it’s helpful for you, please let me know by giving it a like or marking it as a solution!
PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.
All features are available from Free plan. Let’s create unique website design with PageFly here.
This is an accepted solution.
Hi that worked
but it made the filter button smaller
This is an accepted solution.
I updated new code
If it’s helpful for you, please let me know by giving it a like or marking it as a solution!
PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.
All features are available from Free plan. Let’s create unique website design with PageFly here.
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
If it’s helpful for you, please let me know by giving it a like or marking it as a solution!
PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.
All features are available from Free plan. Let’s create unique website design with PageFly here.
Thanks Again!!!! Appreciate all your help
Thank you, I glad when can help you
If it’s helpful for you, please let me know by giving it a like or marking it as a solution!
PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.
All features are available from Free plan. Let’s create unique website design with PageFly here.
User | RANK |
---|---|
125 | |
99 | |
77 | |
72 | |
39 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022