Home › Forums › CSS › z-index not working: › Reply To: z-index not working:
June 27, 2015 at 6:26 am
#204265
Member
Hi jayg-7!
The main reason this isn’t working is because the left-bar div is not in the same stacking context as the bars.
To fix it, you’ll need to do two things…
- Add a `position:relative` to the `#text-3` section & a z-index of at least `31` (since the left-bar has a z-index of `30`).
- Move the `<div class=”left-bar mobile-hide”></div>` to inside of the `<div class=”flexible-widgets widget-area widget-full”>…</div>`, so it is in the same stacking context.
To learn more about z-index stacking context and ordering, check out this article.