Sticky position does not work on "Tabs Menu"

Design help Animations & Interactions
1

Hey guys,

I would like my “Tabs Menu” element to stay on screen while scrolling, more specifically: I would like it to stick to the top of the screen when the element touch the top of the screen after scrolling.

I tried with the Sticky more but changing values on the top position doesn’t change anything as shown on the official tutorial.

Could someone give me some help with this?

Best Regards,
Florian

Here is my public share link: LINK (you need to go to "nos-plans-de-maintenance"s page)
(how to access public share link)

2

Hey guys, I’m letting myself putting this subject up in case anyone could give me some help figuring out why the sticky mode does not work on my project.

Best Regards,

3

Hi @Florian_SCHNEIDER :wave: Where is it in your design?

4

Hi @bro-design , this is on the page “nos-plans-de-maintenance”, you can see that I’ve created a “Tabs Menu”

5

Got it👌 Position: Sticky is not works for elements which have parent element with Overflow: Hidden

So just remove class Overflow div:upside_down_face:

image
image1920×458 84.9 KB

1 Like
6

Thank you very much! I wasn’t expecting this at all.

Have a good day!

1 Like