Hi Ladies & Gents,

I am currently designing a web page for a client and I'd like some input/ help.

The client requested that I add images to the web page to represent different products and when you mouse over an image it will popup with another image over it showing the products description, which I have done. The only issue I'm having is that the nav bar is sticky at the top of the page and when you mouse over an image the popup layer pops up on top of the nav bar instead of behind. Is there any way I can get the popup layer to appear behind the nav bar?

I have tried putting the product description images in the MouseOver layer as well as made them popup layers but both show in front of the sticky nav bar.

I have attached a link to the demo page below.
https://www.swanplastics.co.za/demo/products.htm

Many Thanks.