OWL Carousel Prev/Next – Mobile

Hello Support,

I wanted to display OWL Carousel Prev/Next button always open in Mobile and Tablets.

Please provide me the CSS.

Thank You.

Regards,
Alex

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

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

If the code does not work, please provide your page URL with the carousel.

Best Regards

Hello Elise,
Thank you for your email.

I have added the code to the Theme Settings > Custom CSS > Global
The code is working desktop and tablets only and not displaying the PREV/NEXT icon on mobile.

Also, how to increase the PREV/NEXT icon size.

Please see the below screenshot and the text page link.
https://prnt.sc/tekifc

Thank you.

Regards,
Alex

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.owl-nav>div:after {
    font-size: 22px;
    line-height: 22px;
}

@media (max-width: 576px){
body .owl-nav>div {
    display: block;
}
}

Best Regards

Hello Elise,

Now working on mobile 🙂

Thank you very much!

Regards,
Alex

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts