Shopify themes, liquid, logos, and UX
Return management just got easier! We’ve launched Customer Self-Serve Returns to all Shopify merchants. Click here to learn more about how to activate this in your store.
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.
Shopify Invoice Generator by PageFly – Try It Free!.
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.
Shopify Invoice Generator by PageFly – Try It Free!.
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.
Shopify Invoice Generator by PageFly – Try It Free!.
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.
Shopify Invoice Generator by PageFly – Try It Free!.
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.
Shopify Invoice Generator by PageFly – Try It Free!.
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.
Shopify Invoice Generator by PageFly – Try It Free!.
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.
Shopify Invoice Generator by PageFly – Try It Free!.
User | RANK |
---|---|
132 | |
91 | |
77 | |
71 | |
41 |
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