Our Owl Carousel Component lets you create a beautiful responsive carousel slider. Designed specially to boost mobile browsing experience. Mouse drag works great on desktop too!
Adding Next / Previous Arrows
1. Navigate to the B2B Direct Media Library
2. Create a new folder named "theme-images"
3. Upload the "next.svg" and "prev.svg" files attached to this article.
4. Once uploaded, venture back to your B2B Direct site. Clear your cache by going to YourWebsite.com/clear
Want to remove the arrows on smaller screen sizes?
- Add this snippet to your CSS...Learn More on CSS Here
/* Owl Carousel Arrows Hide on Screens Less than 1024px*/
@media (max-width: 1024px) {
.owl-prev > img, .owl-next > img {
display: none;
}
}
Comments
0 comments
Please sign in to leave a comment.