Color Sections blocking content from fixed position section

I am using the template with no header and footer due to it being a landing page and have a code block with a div for the “header”. It needs to be a sticky header so that when you scroll down, it stays at the top of the page. I have set it to fixed positioning and a z-index of 10000 and it works fine until it leaves the section it was created in. I have tried to lower the z-index on the following color sections but it doesn’t do anything. I know fixed positioning only works with children elements but I saw a way to make the other elements position:relative and lower their z-index to get it to work. I have tried and the tree of sections just doesn’t seem to have any effect. I also tried a plug-in and got the same results. Please advise. Thanks