Can I get CSS code to make the slider and captions fit and look better on mobile view?
thanks
Hey bemodesign,
Thank you for the inquiry.
You can add this css code to adjust the height of the slider on mobile view.
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
.avia-slideshow.av-k5zwtv35-191253da2a907a8438f9e3ea5aa30763 .avia-slideshow-slide,
.avia-slideshow.av-k5zwtv35-191253da2a907a8438f9e3ea5aa30763 .avia-slideshow-slide>div {
min-height: 330px;
}
.avia-slideshow.av-k5zwtv35-191253da2a907a8438f9e3ea5aa30763 .avia-slideshow-slide img {
width: 100%;
height: 100%;
object-fit: cover;
min-height: 330px;
}
#top #wrap_all .avia-slideshow .av-slideshow-caption.av-k5zwtv35-191253da2a907a8438f9e3ea5aa30763__0 .avia-caption-title {
font-size: 30px;
}
#top .avia-slideshow .av-slideshow-caption.av-k5zwtv35-191253da2a907a8438f9e3ea5aa30763__0 .avia-caption-content p {
font-size: 20px;
}
}
Best regards,
Ismael