Home › Forums › WoodMart support forum › Product Categories Carosuel

Product Categories Carosuel

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 30, 2022 at 1:13 pm #348939

    zet_ahmad
    Participant

    Dear Support Team,

    Thank you for the lovely theme, I’m enjoying the experience so far.
    However, I have a small issue where pagination bullets and arrows are not showing on mobile phones for the Product Categories element.

    I’ve tried all the options while clearing cache every time, but with no luck.

    I’m aiming to have a carousel with 7 slides per view. this will allow full view on desktop, and partial view on mobile phones, with pagination bullets and arrows for easier navigation.

    I hope I find a solution for that,
    Thank you in advance.

    Attachments:
    You must be logged in to view attached files.
    January 30, 2022 at 4:05 pm #348959

    Elise Noromit
    Member

    Hello,

    Thank you very much for choosing our theme and for your warm feedback.

    I am checking the home page and I see the arrows have been disabled for the Product categories: https://gyazo.com/d018803c4ff99c941785422b3c70ac80

    Please insert the credentials into the Private content below the message area.

    Best Regards

    January 31, 2022 at 2:10 pm #349184

    zet_ahmad
    Participant

    That’s weird, how could it be disabled!

    Anyways, please find the credentials below:

    February 1, 2022 at 12:50 am #349261

    Elise Noromit
    Member

    Hello,

    You have stretched the row and content and arrows are not visible in this case as there is no space for them: https://gyazo.com/443a1ed6eba482dbe99971af606a8f91

    Please add this code to the Theme Settings > Custom CSS > Mobile/Tablet:

    body .owl-carousel .owl-nav>div {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    pointer-events: visible;
}
body .wd-carousel-spacing-2 .owl-nav>div[class*="next"] {
    right: -20px;
}
body .wd-carousel-spacing-2 .owl-nav>div[class*="next"]:after {
    right: -20px;
    background:rgba(255,255,255,0.8);
}
body .wd-carousel-spacing-2 .owl-nav>div[class*="prev"] {
    left: -20px;
}
body .wd-carousel-spacing-2 .owl-nav>div[class*="prev"]:after {
   left: -20px;
   background:rgba(255,255,255,0.8);
}

    Best Regards

    February 1, 2022 at 4:30 pm #349489

    zet_ahmad
    Participant

    You are amazing,
    Thank you for the solution. it worked perfectly.

    Appreciate your help.

    February 2, 2022 at 12:42 am #349567

    Elise Noromit
    Member

    We are always happy to help you, write to us when you have any difficulties or issues with our theme.

    We would be grateful for 5 stars rate on http://themeforest.net/downloads in case you are satisfied with our theme and customer service

    Thank you in advance

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Product Categories Carosuel’ is closed to new replies.