How can I keep the filter and sorting menus visible while scrolling?

Store Design
1

Hi!

I use Studio Theme.
I need ti stick filter&sorting menus stay visible on the left (or top) when scrolling.

Help me to solve it please!

2

@IrinaSidorenko

Please share your store URL!

Thanks!

3

https://vesnahomespa.com/

4

@IrinaSidorenko

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > component-facets.css and paste this at the bottom of the file:
@media screen and (min-width: 750px){
.facets-container {position: fixed !important;}
.facets-vertical .product-grid-container {width: 100%;position: relative !important;margin-left: 25% !important;}
}

Thanks!

5

It doesn’t work((

See, filters are nor visible

Снимок экрана 2023-07-05 в 12.41.51.png
Снимок экрана 2023-07-05 в 12.41.51.png2584×1398 203 KB

6

@IrinaSidorenko

Please wait because you will add code incorrectly some closing bracket problems due to my code is not working Please check the following screenshot.

Vesna-Home-bracket.jpg
Vesna-Home-bracket.jpg1598×829 132 KB

7

It works incorrect, check it please.

https://vesnahomespa.com/collections/%D0%B4%D0%BE%D0%B3%D0%BB%D1%8F%D0%B4-%D0%B4%D0%BB%D1%8F-%D0%B3%D1%83%D0%B1.

Here no filter at all
https://vesnahomespa.com/collections/premium-collection

8

@IrinaSidorenko

Please remove the provided code!

9

removed

10

so can you help me to solve my task?

11

@IrinaSidorenko

Yes, but this code customization work is not done without editing the code!

Thanks!

12

so what i need to do?