Make filter and sort a button on mobile (Dawn)

Hello,

I’m trying to make the filter and sort section a button on mobile, it may be necessary to remove the element that show amount of products.

How it looks on my store:

How i want it to look like:

My store: https://r1vex.myshopify.com/

Hey @manbru

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

Hello @manbru

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (max-width: 767px) { .product-count { display: none !important; } .mobile-facets__open { color: #fff !important; font-weight: 600; } .mobile-facets__wrapper { justify-content: center; background: #000 !important; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.