Grey Covering Images on mobile but not on desktop

Topic summary

A user reports that product images on their \

Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.

When I go to my “Buy Online” page on desktop everything looks good.

When I go to my “Buy Online” page on mobile, I cannot see the pictures for customers to click on.

They are covered by a grey color.

My website is VirtualExposure360.com. Click on “Book Online” and then “Buy Online” in the sub menu. The photos I am referring to are below. The photos below “Select Your Square Footage”. All three of those photos are grey on mobile.

I use the Impact 2 theme.

Do you know how to fix this? Thank you.

Does this happen on incognito mode?

Also, does it happen on another browser like Safari?

Let me know. Thanks.

Hello @VirtualExposure

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file → add this following code at the bottom of page

@media only screen and (max-width: 767px) {
  .product-image-wrapper img {
    opacity: 1 !important;
  }
}

Save changes

Hope this can help.

Ali Reviews team.

1 Like