How can I keep the arrows showing all the time on my product page image gallery?

[malcolmff]

Link here to my example page https://bathroomhut.com.au/marquis-boca-wall-hung-vanity/

• This topic was modified 3 years, 3 months ago by malcolmff.

Hello,

Here is a code that helps you to show the arrows all the time on the product gallery. Paste it to the “Global Custom CSS” area that is in Theme Settings -> Custom CSS.

.woocommerce-product-gallery .owl-carousel .owl-nav>div {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: visible;
}

Kind Regards

Works, thank you !!

Hello,

We will appreciate it if you can refer your friends or family members to become a part of our Xtemos family.

In case you need any additional help, I’d be more than happy to assist you.

Kind Regards

[Author]

Posts