Background image does not scale for mobile

Thank you for contacting us, and thanks for using the Post and Page Builder for WordPress. Our team is happy to help you get your background image styled properly across a range of device sizes!

The cropping you are seeing with your background image is happening because the image displayed on your homepage is wider than it is tall, but the available space to display the background on mobile is the opposite aspect ratio. Background images automatically scale up to fill the entire space when using the Cover size property and this can lead to problems getting images to look the same across all devices.

Jesse, our community manager, created a video for another user that had a similar situation with their background image. In the video Jesse explains how to use custom CSS IDs and rules to adjust the display of your background images so they look better on smaller screens.

Hopefully those steps help you get your image working as expected too and please let us know if there is anything else that we can do to help!