How can I move the sort button next to the filter button?

[Luxurymrkt]

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 👇

@PageFly-Victor 

 

[PageFly-Victor · 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

[Luxurymrkt · Accepted solution]

Hi that worked

but it made the filter button smaller

  

[PageFly-Victor · Accepted solution]

I updated new code

[PageFly-Victor · 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

[Luxurymrkt · Accepted solution]

Hi that worked

but it made the filter button smaller

  

[PageFly-Victor · Accepted solution]

I updated new code

[Luxurymrkt]

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?

 

[PageFly-Victor · Accepted solution]

you can add border-radius:0 !important

[Luxurymrkt]

Thanks Again!!!! Appreciate all your help

[PageFly-Victor]

Thank you, I glad when can help you