I’ve tried removing all positioning possible and using negative margins, but header was still hidden behind .sub-header no matter if I placed the header tag above or below .sub-header in the markup. Probably just due to the nature of sliders requiring positioning.
Wish there was another solution for my layout. Perhaps jQuery? Will post any findings.