How to ‘always’ show the ‘arrow navigation’ in Product Carousel widget?

Hello,

By default the ‘arrow navigation’ in Product Carousel widget are shown only when you hover the products.
How to set to ‘always’ show these ‘arrow navigation’?
Take a look to see what I mean: https://www.loom.com/share/10f7ee174e3d476c9432a3e46f29152c

Regards,
Walter.

Hello,

Go to your Elementor page and click on the product grid or carousel widget that you want to edit.
Enable the “Arrows” option to show arrow navigation.
Save and preview your changes.

If you want to make the arrow navigation visible without hovering the widget. Use the below custom CSS code and paste it to Theme Settings >> Custom CSS >> Global CSS section:

body .owl-carousel .owl-nav > div {
  opacity: 1 !important;
  visibility: visible !important;
}

Best Regards.

Thanks

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts