Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #722284

    I have a background image in a color section. I’ve set it to be top middle aligned. It looks great on desktop however on mobile it doesn’t seem to be top aligned. The top is getting cut off. Thank you in advance for your help.

    #722898

    Hey learnerp,

    You might have to create another section to use only for mobile and upload an image better adapted to that screen size. Please give your sections IDs in the element options and then use CSS like this to show the correct one:

    @media only screen and (min-width: 768px) {
    #section-desktop {
      display:block !important;
    }
    #section-phone {
      display:none !important;
    }
    }
    
    @media only screen and (max-width: 767px) {
    #section-desktop {
      display:none !important;
    }
    #section-phone {
      display:block !important;
    }
    }

    Best regards,
    Rikard

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