Reducing background images on mobile

[LHDPro]

Hello there,

We have three background images in columns here: https://leslieh22.sg-host.com/

How do we scale these on mobile so more of each image is visible, particularly the logo? I can’t see the responsive option in the column settings. I can change the scale with CSS but this is not pulling the footer back up with the images - flex is preventing this, I think.

Kind Regards,

Spencer

[prakash_s]

Hello Spencer,

Thanks for writing to us.

I checked your site it seems that you have 3 column layouts on the mobile phone, I would suggest you please set the one-column layout for the mobile and then check your background image. You can change the column layout from Row–>Template —>select one column for the small screen and recheck it.

Hope it helps
Thanks

[LHDPro]

Hi @prakash_s,

Thanks for getting back. We would like to keep the three columns on mobile.

Can we adjust the cover setting so the images zoom out slightly? We would like to display the logo and text in each.

Regards,

Spencer

[ruenel]

Hello Spencer,

If you use the image as a Background Image of the Column, you will not have much control over the with of the image. If you use the Image element inside the column like what you have in the desktop version, you should be able to see the whole image like this:

It may become smaller though since the image will try to fit to the column width.

Hope this makes sense.