Header overlaying on top of product image in woocommerce product page

Hi!

I am using Astra themes along side the Woocommerce plugin. When I use the same header for the entire website, it works fine for other pages but it overlays on product images in product pages on mobile and tablet!

You can check it out on mobile by following this link:

Is there any fix for this isssue?

Thank you!

The page I need help with: [log in to see the link]