Position: sticky not working on latest version of Debut?

Store Design
1

Hi,

I’m customising the Debut theme and can’t seem to get positions to be sticky with position: sticky CSS.
If you look at this page (password: greennest) and look at the .filters-toolbar-wrapper.filters-toolbar–has-filter div (filter bar), it has position: sticky and top: 0 but doesn’t ‘stick’ on any browser. There are no conflicting overflow properties in parent divs.

Does anyone have an idea why this isn’t working?

Thanks in advance!

1 Like
2

@SullivanG

can you please try this

https://www.w3schools.com/howto/howto_css_sticky_element.asp

3

The 2 most common culprits why position: sticky; might not work are:

  1. You haven’t defined top: 0; bottom: 0; left: 0 or something similar
  2. One of the parents of your sticky element has overflow (x or y) set to hidden, scroll or auto.

For me it was the first one.