Sticky sidebar nav not on top

My sticky sidebar nav is somehow stuck behind or between layers, making it render behind content and not clickable in its “sticky” state. Why? I think I’ve tried z-indexing everything. Help!

Preview link:


Please Share your Webflow share link:

I was hoping someone would have a solution without me having to share that, but no worries, I added it to my post.

Move challenge-menu-sticky inside of centered challenges container details flex, but above challenge-content-section.

Otherwise, set challenge-menu-sticky z-index to 9999. However, this will make it overlap the content section.

Wow, thanks @samliew, that worked! I thought I had tried z-indexing challenge-menu-sticky, apparently I hadn’t. Gah. Brain tired. Thanks!

I also did say that it would overlap the content section, so now content in the blue section will not be able to be clicked or selected.

Ah, I see now. Also it’s still inexplicably partially behind the content:

Tablet view:

I’m giving up on this. I’ll do stickynav a different way. Maybe sticky.js. Thanks for your help @samliew

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.