Product Image thumbnail duplicating on product page

Hello, when our customers shop our site on mobile browsers they’re seeing the product image (on the product landing page) stacked on top of each other (duplicating) is there a way we can resolve this? I’ve tried adding this code to the CSS with no effect;

.woocommerce .page-header-image-single {
display: none;
}

See private for site information

Hello,

I have viewed a product page and cannot catch the problem here is one of your product pages
https://screenshots.firefox.com/26wPzWp887c6BK6B/moderndefense.com

The upper part is a product page, the below part as I see is promotion banner and you have duplicated image not on mobile but on the desktop as well.

Please provide the link to the product page where the image is duplicating.

Best Regards

Hi Elise, It’s on mobile browsers only it seems – I was able to remedy the problem by disabling all minify settings. This is not an ideal fix as we’re really pushing for page optimization. If you’d like i can re-enable minify to duplicate the issue but basically the product thumbnail is stacked two high in mobile browser on the single product page(s) and it’s effecting all of them.

Hello,

1/ I see your product on mobile like that http://prntscr.com/j3nlak and seems that located correctly. If you want to increase the gap, I will provide custom CSS

2/ Now I am bit confused and cannot figure out the problem nature: images are duplicated or stacked?

3/ Configure minification, clarify the problem and I will provide code.

Best Regards

[Author]

Posts