jonreese
(JonReese.com)
January 31, 2017, 11:50pm
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
Please Share your Webflow share link:
jonreese
(JonReese.com)
February 1, 2017, 12:00am
3
I was hoping someone would have a solution without me having to share that, but no worries, I added it to my post.
samliew
(webflowexpert.com)
February 1, 2017, 12:05am
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.
jonreese
(JonReese.com)
February 1, 2017, 12:25am
5
Wow, thanks @samliew , that worked! I thought I had tried z-indexing challenge-menu-sticky
, apparently I hadn’t. Gah. Brain tired. Thanks!
samliew
(webflowexpert.com)
February 1, 2017, 12:29am
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.
jonreese
(JonReese.com)
February 1, 2017, 12:32am
7
Ah, I see now. Also it’s still inexplicably partially behind the content:
Tablet view:
jonreese
(JonReese.com)
February 1, 2017, 12:36am
8
I’m giving up on this. I’ll do stickynav a different way. Maybe sticky.js. Thanks for your help @samliew
system
(system)
Closed
April 2, 2017, 9:36pm
9
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.