I am working on a client’s project and I’ve come across a really strange issue.
Whenever I set the header position to sticky, the header isn’t actually sticky as it appears to be transparent in the background.
For example, on the products and categories template pages, the header is under all the other elements, if you open the cart, you will see the issue multiply.
I had the header inside a container to help wrap overflow, however even removed from the container the issue persists.
Another example image:
What could be causing this issue? I am stumped on this one.
Here is my site Read-Only: