Return to previous page

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

This topic has 6 replies, 2 voices, and was last updated 8 years, 10 months ago ago by Olga Barlow

joblette

Participant

February 21, 2017 at 04:15

On my product pages, the owl control buttons on the product image are not ok in IE11. They are showing although you don’t move the mouse on the image, and the next button has the symbol not aligned in the box

Everything is ok on firefox

My site is not public yet so I will give you the information to connect in the private content

Please, contact administrator
for this information.

#155325 Copied

5 Answers
Olga Barlow

Participant

February 21, 2017 at 10:50
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
#155365 Copied
joblette

Participant

February 21, 2017 at 13:18

Thank you! That fixes the alignement problem however there is still a differenece in IE: the buttons are always visble. In fierefox they appear only when you “hover” the image (much nicer!)

#155378 Copied Theme version: 3.8
Olga Barlow

Participant

February 22, 2017 at 17:16
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
#155502 Copied
joblette

Participant

February 22, 2017 at 20:47

Great, it works perfectly.

Thanks for your fast help.

#155523 Copied

Olga Barlow

Participant

February 23, 2017 at 08:39

You are welcome!

Regards

#155549 Copied
Viewing 6 results - 1 through 6 (of 6 total)