position: sticky; ignoring z-index / Bootstrap 3 menu tucks underneath sticky elements

Question

I have a list of items that are broken down categorically into a hierarchy. Each element has children, and each of these children has other children. They are displayed left to