Background images

• 

  harrystandoor · Member · Jul 8, 2020 at 10:14 am

  • Copy link
  • Add topic to favorites

  I’m setting up my website and have used my own photos for the background. On the laptop and android phones, the background works and looks great. It’s the right size and you see the whole image in the background. However on iPhone the image is zoomed right in. You can’t see the full photo and it looks terrible. How do I fix this problem?

  The blog I need help with is: (visible only to logged in users)

• 

  supernovia · Staff · Jul 8, 2020 at 11:23 pm

  • Copy link

  Hi there, unfortunately this is the nature of background photos and varying screen sizes. You’ll want to pick a photo that will work well no matter the screen size, considering it will be zoomed and cropped in various ways to fit different screen shapes. Or if the photo is really important, consider adding it as an image instead.

  You can also use it as a “cover image” for one section of the site, using the cover block. That will give you a little more control over cropping if you select a focus. We have more info here:
  https://wordpress.com/support/wordpress-editor/blocks/cover-block/#focal-point-picker