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

    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

    #608004

    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

    #609985

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

    #610152

    Hi,

    Great, glad we could help :-)

    Best regards,
    Rikard

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