Move "remove all" in collection page

[manbru1]

Hey,

Right now the "remove all" is beside the filters you've selected, like this:

But I want the "remove all" to be under the selected filters, like this:

 

Here's my collection page: 

https://r1vex.myshopify.com/collections/4?filter.p.product_type=Babyoveraller&filter.p.product_type=... 

Thanks for helping!

[AnneLuo · Accepted solution]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the </head> tag

<style>
@media (max-width: 768px) {
    #main-collection-filters > div > div.active-facets.active-facets-mobile.medium-hide.large-up-hide {
        flex-direction: column !important;
    }
   facet-remove {
      width: fit-content;
      margin: 0 auto !important;
   }
}
</style>

Result:

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!