Background image full width

Support
#1

Hi,
I put my background image as “advanced” in background of a section. On laptop screen it’s fine. But on mobile it gets cut too narrow. How can I set it responsive on mobile?

URL: https://www.alphacooling.de/faq/

Thank you.

#2

Hello @imageforyou,

I would suggest you please set the background type as <img/>element and set the image there, and recheck it.

About-The-Tests-Page-Cornerstone-05-28-2025_03_26_PM
About-The-Tests-Page-Cornerstone-05-28-2025_03_26_PM656×1442 113 KB

Thanks

#3

Thank you. I did it the way you described it. But no effect still.

#4

Hello @imageforyou,

I checked your site, it seems that you need to change the Object Fit property. I would suggest you please set the Object Fit as Fill. Please note that you must purge all the cache and clear your browser cache and recheck it.

Hope it helps
Thanks

#5

Thank you. Now it get’s squeezed and stretched, depending on screen.

01
011500×817 70 KB
02
021468×1704 109 KB

#6

Hey @imageforyou,

That is the effect of the Fill option. Please set it to Cover and edit the Position instead. To see the values you can set in the Position option, please see https://www.w3schools.com/cssref/pr_background-position.php

image

Please note that you may still see cropped portions of your image. That is unavoidable in web design because we’re dealing with countless screen sizes. Setting it to Cover ensures it “covers” the whole area and setting the Postion will show portions of the image.

#7

Thank you. In this case I will do a separate section only for mobile, with a separate background image.
Thanks for your time and advice.
Michael

#8

You are most welcome, Michael.