Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #278334

    Hello,

    I am trying to adjust the height of the slider on the homepage of a site I am developing. When the browser size is below 920px, the text gets cutoff.

    http://abtlaw.ryanflaherty.us/

    Any help in identifying the proper element is appreciated.

    -RF

    #278515

    Hi rjflaherty!

    Please use this code to adjust the font size of the text and paddings of the caption:

    
    @media only screen and (max-width: 767px) and (min-width: 480px){
    .responsive #top .slideshow_caption h2 {
    font-size: 20px;
    }
    
    .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title {
    padding: 0px 15px;
    }
    
    }
    

    Regards,
    Peter

    #278617

    Thanks Dude. Unfotunately, this is not working. I tried several combinations of font size and padding, but the photo itself is still getting cut off at the bottom on smaller media. Need to adjust the size of the photo(or container) so that it is all visible. Which element controls this?

    Ryan

    #280032

    Hey!

    I tried the site above but the image isn’t getting cropped at any point I can see. What specific screen size is this happening at?

    Regards,
    Devin

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