How to make Sticky element move outside Parent Element?

Hi there,

Is it possible to move this tabs menu component, which has Position Sticky, outside its Tabs parent element?

Check out the filter system: https://www.online-lubricants.co.uk/products/commercial-vehicles . I’m trying to re-create it, but as a Sticky side-menu.

Thank you.


Here is my site Read-Only: https://preview.webflow.com/preview/online-lubricants?utm_medium=preview_link&utm_source=designer&utm_content=online-lubricants&preview=606df8459450b2cb45518e1c7cc1aea2&pageId=5cee803d3c0d6cc9bd89a6c8&mode=preview
(how to share your site Read-Only link)

Can anyone please help me with this?

Not using Sticky. When you set sticky to an element, its parent becomes the de-facto sticky container and will push the sticky element away when boundaries meet. There is no exception or way to change this relationship. You have to find a structure that fits the need, or use IX and tricks.

1 Like