Navigation Dots CSS Is No Longer Working

Hi,

I was given the below CSS by you guys 2 months ago, but after I noticed that the navigation dots were no longer being displayed, I decided to forward the one given to me before to a developer to add the feature back again. He did, but the navigation dots are not showing up underneath the carousel for the main product on the single product page. This was meant for the tablet and mobile views.

@media (min-width: 1025px) {
.woocommerce-product-gallery__wrapper .owl-stage {
width: 100% !important;
transform: none !important;
}
.woocommerce-product-gallery__wrapper .owl-nav,
.woocommerce-product-gallery__wrapper .owl-dots {
display: none;
}
.woocommerce-product-gallery__wrapper .owl-stage .owl-item {
margin-bottom: 4px;
}
}

Attachments:

You must be logged in to view attached files.

Hello,

Please, apply the changes from both replies
https://xtemos.com/forums/topic/navigation-dots/#post-307722
and
https://xtemos.com/forums/topic/navigation-dots/#post-309387
Send us your admin access if it doesn’t work for you.

Kind Regards

Hi,

Thanks for the above information. I forwarded it to the developer and it’s now working. Thanks.

We are glad that you sorted it out. Let me know if you need any further assistance.

Have a nice day!

[Author]

Posts