I have a sticky nav that has a css triangle that is 50% transparent, that sits over the top of the corner or the website.
I would like the actual hamburger icon to be pushed to the top layer above the triangle so that it is white.
I can't put the entire top bar above the triangle because it will block it, and I can't have a transparent background on the top bar because you will see the content scroll beneath it.
For some reason I can't change the z-index of just the hamburger ( or top-bar-right ) to force it to the top
I've included a rough example on codepen - this isn't the exact code I'm using but is a stripped down version