Nav Bar li dropdowns disappearing behind elements

Only on this ones page. I’ve tried playing around with the z-index a bit and can’t for the lide of me get my .nav li’s to show up if you are over either of the slider sections. Works fine on the home page though. Any suggestions?

Z-index will do it, but it depends on where. You will only be able to swap the order of sibling elements in the same stacking context and the elements must be positioned.

.site-header-wrapper {
	display: block;
	position: relative; /* added position */
	z-index: 1; /* added z-index (higher) */
}
.site-content {
	border-top: 1px solid #e9e9e9;
	margin-top: -1px;
	position: relative; /* added position */
	z-index: 0; /* added z-index (lower) */
}

This is exactly what I needed. Thanks so much. I forgot about the header wrapper and didn’t consider the fix to be general enough(as simple as) for the site-content. Thanks so much Sam

1 Like

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