Product image in Firefox

Hi @szkorzonek,

Thank you for reaching out to us.

Can you confirm whether you’re using letest versions of web browsers? Did you see the difference on mobile web browsers only?

Regards,
Kharis

I’m sorry for so late response, I didn’t notice your reply. I checked it now on the newest version of Firefox on PC (94.0) and the issue persist.

Any follow up?

Hi @szkorzonek,

I am sorry for the delayed response.

Can you link me to the page I can check, so I didn’t lose the context?

Regards,
Kharis

Sure.

My site.
Botiga theme demo site.

Make sure to open those links in FF.

Hi @szkorzonek,

Thank you for sharing the link.

I can confirm that it is considered as a bug that will be resolved in upcoming version of the theme.

As inspected, the issue only occurs on vertical gallery. Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard for temporary fix.

@-moz-document url-prefix() {
  @media only screen and (min-width: 992px) {

    .single-product div.product .gallery-vertical .woocommerce-product-gallery {
      display: block !important;
  		padding-left: 75px;
    }
  	
  	.single-product div.product .gallery-vertical .flex-control-thumbs {
  		max-width: 65px;
  		position: absolute;
  		top: 0;
  		left: 0;
  	}
  	
  }
}

Hope that helps.

Regards,
Kharis