cl-cookbook
cl-cookbook copied to clipboard
Issue with Page source box overlapping sidebar
#toc-btn{
z-index: 2; // above the toc-container
...
}
#toc-container{
z-index:1; // above the "page source" bar
...
}
It seems that z-index: 1 is set on #toc-container, but it may not be working as expected. This could be due to the parent element, #logo-container, creating a stacking context, which limits the effect of the child element's z-index within the parent. I believe adding z-index: 1 to the parent(#logo-container) could resolve this issue.
#logo-container{
height:90px;
width:23%;
margin-left:1%;
margin-right:1%;
position:fixed;
z-index:1; // add z-index
}
I'm open to any other suggestions. Thanks!
hello thanks for the report, and the fix suggestion. It looks good to me, I didn't try on my side yet.
BTW I saw the same issue with the banner.