Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 15, 2013 at 12:37 pm #189151
    oliviad

    Hi,
    I have quite a large caption on a full screen image that I use on the Home page, The text of the caption gets cut off on the ipad both in portrait and landscape format. Could you please have a look at the problem?

    Thanks very much in advance for your help.

    • This topic was modified 11 years ago by oliviad.
    November 16, 2013 at 7:47 pm #189653
    Josue

    Hey oliviad!

    Try using a percentage value here:

    Cheers!
    Josue

    November 18, 2013 at 11:07 am #190012
    oliviad

    Hi
    Thanks for the reply. Sorry I think I wasn’t clear enough: what I am using is the shortcode “Fullscreen Slider”, not the layer slider.
    The caption in the Fullscreen Slider is not responsive in the ipad or the iphone. Here is the URL: http://goo.gl/f83zj8 . Could you please have another look? Thanks very much. Pls let me know if you need anymore info.

    November 18, 2013 at 3:51 pm #190129
    Josue

    Hi!

    First, please update your theme to the latest version (2.4.2), then make sure you are using these settings (Centered or Centered Framed) when creating the caption:

    Regards,
    Josue

    November 19, 2013 at 3:29 am #190441
    oliviad

    Hi,
    Thanks for your reply. Ok I’ll upgrade the theme, but I need to keep my caption on the right. Is there a way to make it switch it to Center when in responsive mode?
    Thanks again.

    November 20, 2013 at 9:04 am #190855
    Dude

    Hey!

    Yes – you can use a media query to change the caption position based on the screen size. Insert the code into the quick css field and change the max-width value (screen size which triggers the position change) if necessary:

    
@media only screen and (max-width: 1280px){
.caption_right .slideshow_caption {
right: auto;
}
}

    Cheers!
    Peter

    November 25, 2013 at 4:38 pm #192973
    oliviad

    Hi
    Thanks a lot for your response. This works on the ipad but not on the iphone: the text doesn’t shrink to fit the screen.
    Thanks very much in advance for your help.

    November 27, 2013 at 11:43 pm #194101
    Yigit

    Hi!

    Please try adding following code to Quick CSS as well

    @media only screen and (max-width: 480px) { .avia-caption-content h1 { font-size: 25px; }
.slideshow_align_caption { padding-right: 250px; }
.avia-caption-content p { font-size: 16px; }}

    After applying the code, please flush browser cache and refresh your page a few times

    Regards,
    Yigit

    November 28, 2013 at 5:27 am #194166
    oliviad

    Hi – Thanks a lot, that worked by adjusting the padding and font-size. Thank you!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Full screen slider caption truncated in ipad’ is closed to new replies.