Making the background image responsive

You can upload custom background images and set them to stretch to fit the width of the page. As the browser size changes or is resized, your Background image will also resize automatically. Here is how to do this:

1. Go to Page Background (or Block Style)

The page background section can be found in the Settings menu on the right sidebar:

image of the page background section found in the Settings menu on the right sidebar

In order to get to the block style background, hover your pointer outside the editable zone of the page, and click on the block style button:

image of the block style icon

2: Select or upload an image:

bimage of the image gallery

3: Set the background image to Stretch from the menu.

image of the image stretch settings

And that’s it. Now your background image is responsive, adapting its width to your visitor’s screen size.