Product image becomes header image

Hi, I’m having a little problem and can’t seem to find anything on Google.

I added a product onto the site this morning and when I view that product it’s image becomes the header image. I need some help figuring out why and how to stop it.

The offending product can be found at;
https://drweld.co.uk/product/metabo-ds150-6-bench-grinder/

And there is some products I addded to test as well;
https://drweld.co.uk/product/product-3/
https://drweld.co.uk/product/product-test-2/

But you may notice it’s not happening on product test 2. The only difference being is that was added to a different category first before being moved to it’s current category (power tools)

I added some custom CSS to the customise section and that’s not applying to all pages, maybe that could be causing it?

The custom css I added is below:

/*remove page title*/
.page-title {
display: none
}
/*remove site title*/
h1#site-title {
display: none
}
/*remove site description*/
div#site-description {
display:none
}
/*remove product count from categories*/
ul.products .quantity { display: none; }
mark.count {
display:none
}
/*centre category & product titles*/
.woocommerce-loop-product__title, .woocommerce-loop-category__title {
font-size: 20px;
text-align:center;
}

Thanks for any help you can provide.

Advertisers messaging me will be ignored.

• This topic was modified 7 years ago by drwelduk.
• This topic was modified 7 years ago by drwelduk.
• This topic was modified 7 years ago by drwelduk.
• This topic was modified 7 years ago by drwelduk.

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