Home › Forums › Basel support forum › Zoom outside (right side) & display arrows › Reply To: Zoom outside (right side) & display arrows
June 1, 2017 at 3:13 pm
#14615

Artem Temos
Keymaster
Try to add the following code snippet to the Custom CSS in Theme Settings for desktop only to display arrows
.product-image-summary .woocommerce-product-gallery--with-images .woocommerce-product-gallery__wrapper .owl-nav {
display: block;
position: static;
background-color: transparent;
box-shadow: none;
}
.product-image-summary .woocommerce-product-gallery--with-images .woocommerce-product-gallery__wrapper .owl-nav>div {
position: absolute;
}
.product-image-summary .woocommerce-product-gallery--with-images .woocommerce-product-gallery__wrapper .owl-prev {
left: -30px;
}
.product-image-summary .woocommerce-product-gallery--with-images .woocommerce-product-gallery__wrapper .owl-next {
right: -30px;
}