Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 10, 2016 at 2:12 pm #697336
    ed

    Hi,
    Love my website but when I view on my mobile device, the photos used as backgrounds in the theme are cropped, did I miss something in the settings? The point of my website is to show people having a conversation and that doesn’t convey on the mobile version. Thank you.

    October 11, 2016 at 6:27 am #697634
    Rikard

    Hey Eileen,

    Loss of image data on background images is inevitable due to the difference in screen sizes, you could try to create another section to only show on mobile and upload an image better adapted to that size though. You can give your section unique IDs and then show/hide the correct one with CSS like this: 

    @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;
}
}

    Thanks,
    Rikard

    • This reply was modified 8 years, 2 months ago by Rikard.
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.