Locate collection vertical filter to top of collection page

[Beat09]

Dear all,

one more coding dilemma - but likely very easy to answer for the right person

How do I make the vertical filter start at the top of this collection page and indenting the horisontal section to the right (with the images) ?

And the filter should be sticky..

https://tinylux.store/collections/womens-tops

Thnx on beforehand - KR, Michael

[Small_Task_Help]

Hi,

Hope this will work

- Find Collection Template Layout
- Wrap It in a Flex Container

<div class="collection-page-layout" style="display: flex; gap: 2rem;">
  <div class="collection-filter" style="flex: 0 0 250px; position: sticky; top: 100px; align-self: flex-start;">
    {% render 'facets' %}
  </div>

  <div class="collection-products" style="flex: 1;">
    {% render 'product-grid' %}
  </div>
</div>

- Adjust css

[Beat09]

Hi Small task

Much appreciated,-

I am afraid I need a bit more guidance in terms of inserting the code,- as my attempts didn´t work

Thnx, KR Michael