Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 4, 2016 at 5:49 am #607357
    AirstreamCoach

    Hi. I am using a full page background image within a color section — section background image is set to “scroll” and “stretch to fit”. It looks great on desktop. Problem is on mobiles devices. The image is severely cropped. How can I fix this? Thanks in advance for your help! Jen

    April 5, 2016 at 3:47 am #608004
    Rikard

    Hey AirstreamCoach,

    If you want greater control I would suggest that you create another section which will only show for mobile and upload an image better adapted for that screen size. You can give you sections ID’s in the element options and then hide/show them with the following CSS:

    @media only screen and (max-width: 767px) {
#id-of-desktop-section {
display:none !important;
}
}

@media only screen and (min-width: 768px) {
#id-of-mobile-section {
display:none !important;
}
}

    Thanks,
    Rikard

    April 8, 2016 at 5:00 am #609985
    AirstreamCoach

    What a wonderful solution! Works perfectly. Thank you so much. Jen

    April 8, 2016 at 10:40 am #610152
    Rikard

    Hi,

    Great, glad we could help :-)

    Best regards,
    Rikard

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