Woocommerce Product Images Blocked

Has this happened to anyone else? It’s only happening on mobile devices.

Looks like something to do with your carousel. Is your carousel coming from a theme or plugin?

I have no idea. It was working fine before. It’s the product image for each product.

Can you try deactivating your revslider plugin to explore whether this is responsible? Also remember to clear your cache on the device you’re testing on after you do.

I tried it. And it didn’t work. Sighs

Seems to be a product image.

If you’re sure this is specific to WooCommerce can you instead post on that plugin’s section of the forum: https://www.ads-software.com/support/plugin/woocommerce#postform ?

Otherwise try deactivating all plugins and switching to the default Twenty Fourteen/ Thirteen theme to narrow down the issue.

I posted a new thread because while I thought my new site was working, it stopped working as well.

Not sure if it’s a WooCommerce issue. I’m new to this. But it is only my shop page. Have you taken a look at it?

Thanks.

I had seen the issue 4 days ago when I posted, but haven’t checked recently. Is it the same issue?

Yes. same thing. Will changing the theme undo all my customizations?

I deactivated all the plugins, but if you deactivate WooCommerce you can’t even see the shop page to see if it’s been fixed. Take a look at the shop page on a mobile device (not tablet) if possible.

Changing theme will probably undo your theme’s settings.

Can you reactivate all your plugins again? Sorry for this back-and-forth

I activated all of them. Go to savorstcroix.com.

Do you have a setting in the dashboard called “Custom CSS” or something similar?

If not try installing this plugin, https://www.ads-software.com/plugins/custom-css-manager-plugin/

Then add this custom CSS:

@media screen and (max-width: 480px) {
 .carousel-overflow {
  display: none;
 }
}

Does that get rid of the box over your images?

OMG!!!! Thank you!!!!!!!! You truly saved me! It worked. What happened?

I think it’s because your carousel/ slider is loading on mobile and the issue is that it’s either not responsive or bugged where it’s massive. The box you were seeing was a tiny bit of the massive carousel that was overlaying your images.

That custom CSS may be enough to disguise the issue, but your carousel will still be loading in mobile. You don’t want to load it on mobile.

Do you know if your carousel is coming from your theme or a plugin?