Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1475706

    Can I get CSS code to make the slider and captions fit and look better on mobile view?

    thanks

    #1475708

    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

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.