Place background images in Mobile

Hey Sebastian,

Thank you for the inquiry.

The background image may not be fully visible because it has a different aspect ratio compared to the section. We could adjust its size on smaller screens, but it may result in some distortion. Kindly provide the site URL in the private field so that we can inspect the elements.

Best regards,
Ismael

Hi,

We added the following css code to adjust the size and position of the background image.

#top.page-id-734:before {
    background-repeat: no-repeat;
    background-size: 100% 100% !important;
    position: fixed;
    background-position: center center;
}

This modification might distort the image a bit. If the result is not acceptable, try to replace the “background-size” value with “contain”.

Best regards,
Ismael

Hi,

You may need to revert it back to the previous value of “cover” in order to ensure the whole container is filled and maintain the aspect ratio of the background image. But as you already know, if the container has a different aspect ratio, the entire image may not be visible.

Best regards,
Ismael

Hi,

Great! Glad to know that the issue has been resolved. Please let us know if you have more questions.

Have a nice day.

Best regards,
Ismael