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]

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]

Hi that worked

but it made the filter button smaller

[PageFly-Victor]

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]

you can add border-radius:0 !important

[Luxurymrkt]

Thanks Again!!! Appreciate all your help

[PageFly-Victor]

Thank you, I glad when can help you