Align filter buttons

[TBS2023]

Hello

How can i align these 2 buttons please?

www.thebodyshop.com.lb

Dosawr

[suyash1]

@TBS2023 - please add this css to the very end of your theme.css file and check

.collection-filter {align-items: flex-start;}
button.js-drawer-open-collection-filters.btn {margin-top: 0;}

[dws_pvt_ltd]

Hello @TBS2023 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid
Step 3: Insert the below code at the bottom of the file -> Save

@media screen and (max-width: 749px) {
	.collection-filter__item.collection-filter__item--drawer button.js-drawer-open-collection-filters.btn.btn--tertiary {
		margin-top: 0;
	}
}

Best Regards,

Dws_pvt_ltd

[parth_ghelani]

Hello @TBS2023 

Sorry for the issue you are facing, i've checked and find the solution for it.

Here, you just need to follow below steps:

   1. In your Shopify Admin go to online store > themes > actions > edit code
   2. Find Asset > theme.css and paste this at the bottom of the file:

.collection-filter button.js-drawer-open-collection-filters {
 margin-top: 0;
}

Hope this solution works fine for your issue.

If the solution works, then accept and like the solution.

Thanks and best regards !!

[GTLOfficial · Accepted solution]

Hello @TBS2023 
Go to online store ---------> themes --------------> actions ------> edit code-------> Theme.CSS-------> line number 13782
and delete

.btn {
     margin-top: 10px; 
}

the result will be

Let me know , if not solved.
Thanks