Responsive Background Image

  • I have placed a photograph in the background of my page and it looks great on my 17″ laptop, but when I view the page on my 13″ laptop, the image is cropped.

    Is there a way to make the background image responsive?

    Here is a link to my site:
    https://www.meganfrazierphoto.tk

    Thanks

Viewing 1 replies (of 1 total)

  • Hi David
    It is difficult to give you an exact answer depending on how exactly you want your design.
    If you don’t mind the background image filling the whole of the background then you could try adding the following to your custom css

    body.custom-background {
    background-size: cover;
    }

    That should scale the image down to the viewport size.

Viewing 1 replies (of 1 total)
  • The topic ‘Responsive Background Image’ is closed to new replies.