Home › Forums › WoodMart support forum › How to ‘always’ show the ‘arrow navigation’ in Product Carousel widget?

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 24, 2023 at 6:56 pm #461776

    chefnelone
    Participant

    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.

    April 25, 2023 at 2:14 pm #461976

    Aizaz Imtiaz Awan
    Keymaster

    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.

    April 27, 2023 at 4:42 pm #462702

    chefnelone
    Participant

    Thanks

    April 28, 2023 at 7:52 am #462856

    Aizaz Imtiaz Awan
    Keymaster

    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
Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘How to ‘always’ show the ‘arrow navigation’ in Product Carousel widget?’ is closed to new replies.