You can see it here or on any product on my store. Alliance Academy High School Graduation Banner – Kaboom Printing
Any idea how to fix this, I have tried some older code snipits for bringing the header to the top layer but nothing works. Any assistance is greatly appreciated. Because my theme developer will offer ZERO assistance.
It’s not the theme fault, but rather the the Product Options App which adds an overlay on top of product image.
So theme developer is kinda right.
Looks like there is a custom CSS code added in the app settings and 999 is “higher” than what your menu uses.
.gpo-canvas-container {
z-index: 999 !important; /* <-- try changing this to 9 */
}
If you can’t find this code in app settings, you can add amended code in “Edit theme” in “Product Info” section “Custom CSS” setting.
Before/After:
What file did you find that line in? Adding it in the GUI to the product details section CSS does nothing. I’m sure I need to find the original.
I got the app dev looking into it. I only put the snippit on for an hour, tested it and if it doesn’t work, I take it off. I don’t like to leave code that’s not doing anything on the site, it just gets confusing later.
I understand this, but if you claim that my code does not work you should give me a chance to see why.
Especially if it’s “not doing anything” – i.e. does not break anything.
You could’ve put it in a wrong place or modified in a wrong way – I saw this multiple times – and then “your code does not work”. 
