Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 9, 2016 at 1:50 am #722284
    learnerp

    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.

    December 12, 2016 at 4:10 am #722898
    Rikard

    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

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