Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #712569

    Hi

    On mobiles, easy slider video text caption and text not responsive
    1) In portrait mode : the caption does not show and only the last few words of the content is visible
    2) In landscape mode: the text appears at times but the caption never shows.

    How can i make it responsive AND modify the size of these elements just on this page?
    Thanks

    #713082

    Hey Simplequery,

    you could try this code:

    @media only screen 
      and (min-width: 768px) 
      and (max-width: 1024px) {
    .avia-slideshow.avia-slideshow-1.av-control-default.avia-slideshow-large.av_slideshow.avia-builder-el-1. (Purchase code hidden if logged out) .avia-fade-slider {
    height: 190px;
    }}

    and adjust as needed.

    Best regards,
    Andy

    #713772

    I Andy
    Thanks for that but it doesn’t work for me.

    Have adjusted the height but nothing happens. Not quite sure how to proceed. On the mobile, I set it so that only the image shows and that seems ok. The problem is the text and caption.

    Using inspect, i manged to remove the margin and padding and move the text to the extreme left and bottom of image; that helped but my css doesn’t work.

    Hope you can help as the ideal would be to make the text responsive.

    #713989

    Hi,

    I tried to login, but default WP login link is not working. Can you provide us the login link please?

    Best regards,
    Andy

    #714105

    Hi,
    If the Iink doesn’t work, please go to http://www.canalfriends.com and click login on the top menu. I’ve just logged in with the credentials below
    Thanks

    #714637

    Hi!

    We added this code in the Quick CSS field.

    @media only screen and (max-width: 767px) {
        .avia-slideshow-inner {
            height: 300px !important;
        }
    
        .av-video-slide .mejs-mediaelement {
            height: 150%;
            margin-top: -13%;
        }
    }

    It will increase the height of the slider on mobile view, creating more space for the captions.

    Cheers!
    Ismael

    #716495

    Many thanks.
    The text and caption are now visible.

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Easyslider caption and text on mobile not responsive’ is closed to new replies.