Topic: Product Page – PREV and NEXT buttons on the image not ok with IE

Hello,

Go to Theme Options > Styling > Custom CSS and add the following code

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
 .main-images .owl-controls .owl-next::before, .thumbnails-list .owl-controls .owl-next::before{
  margin-left: 17px;
 }
}

We’ll also fix it in next theme update.

Regards

Hello,

Ok, then replace previous code by this one

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
 .main-images .owl-controls .owl-next::before, .thumbnails-list .owl-controls .owl-next::before{
  margin-left: 17px;
 }
 .main-images .owl-controls .owl-next,
 .main-images .owl-controls .owl-prev{
  opacity: 0;
 }
 .main-images:hover .owl-controls .owl-next,
 .main-images:hover .owl-controls .owl-prev{
  opacity: 1;
 }
}

Regards

You are welcome!

Regards