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

    Hi Guys,..

    I needed to bottom-center the caption on our Avia slider so I used this CSS:
    .slideshow_align_caption {
    top: 250px;
    }

    But now the caption gets pushed to the bottom out of site on mobile devices. Tired styling for mobile parameters but that did not work. What else do I need to add so that it’s responsive?

    #844603

    Any updates or ideas on this?

    #844807

    Hi Red Rubber Media,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    .slideshow_align_caption {
        top: 10px;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #845007

    Your CSS above is what I am using to center the caption (with a value of 180) and it looks fine on a desktop. My issue is that this code pushes the caption so far down on mobile devices,.. it is not seen. I need @media CSS that will cause the caption to appear as it would normally without the adjustment to .slideshow_align_caption. I wrote this code:

    @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 736px)
    and (orientation : portrait)
    and (orientation : landscape)
    .responsive .slideshow_align_caption {
    top: 10px;
    }}

    But it is not working.

    Responsive soltion?

    #845069

    Hi,

    Try the following in quick css:

    @media only screen and (max-width: 767px)  {
    .slideshow_caption .slideshow_inner_caption .slideshow_align_caption{
    top: 10px!important;
    }
    
    .slideshow_caption .slideshow_inner_caption .slideshow_align_caption .avia-caption-content p{
    padding: 0px!important;
    }
    
    .slideshow_caption .slideshow_inner_caption .slideshow_align_caption .avia-slideshow-button{
    margin-top: 0px!important;
    padding: 5px 20px!important;
    }}

    Best regards,
    Jordan Shannon

    #845079

    Thank you, Jordan! That did it. =)

    #845094

    Hi,

    Great! If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Easyslider Caption Disappears on Mobile’ is closed to new replies.