Streaming live at 10am (PST)

Sticky sidebar nav not on top


#1

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: https://preview.webflow.com/preview/p17-staging?preview=0da381c15ba9e4fcb74f2742960388ac

Published: http://p17-staging.webflow.io/challenges/mastermind


#2

Please Share your Webflow share link:


#3

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


#4

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.


#5

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


#6

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.


#7

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

Tablet view:


#8

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


#9

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