Home Forums Basel support forum Zoom outside (right side) & display arrows Reply To: Zoom outside (right side) & display arrows

#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;
}