Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 12, 2014 at 6:00 pm #303362
    davidfavero

    How do I make the first Image at the top of my page (currently a couple sitting down with coffee and boxes) scale responsively across different screen sizes. Currently, if I view at a smartphone size the image remains the size and is cropped.

    I tried just a Color Section with image background set to Scroll – wasn’t responsive.
    I then tried a Color Section -> Image Content — wasn’t responsive.
    Then, Color Section -> 1-1 Layout -> Image Content — wasn’t responsive.

    Suggestions?

    Thanks

    August 13, 2014 at 5:39 am #303635
    Ismael

    Hi davidfavero!

    Thank you for using the theme.

    Please add this on Quick CSS or custom.css:

    @media only screen and (max-width: 767px) {
div#av_section_1 .avia-full-stretch {
background-size: 100%;
}
}

    Regards,
    Ismael

    August 13, 2014 at 9:45 pm #304037
    davidfavero

    Seems to have worked. Thanks.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Setting a Responsive Image in Header’ is closed to new replies.