Making the height of an image longer on mobile (not desktop)

[jhayles]

Hi.

I’m using an image as a background and it looks fine on desktop, but on mobile, the height is reduced quite a bit. Can I adjust the display height for the background image on mobile only?

Here’s my site: www.experiencethesprings.com

Thank you!

[tristup]

Hi @jhayles,

Thanks for reaching out.
It seems that you can not fit your background-image on all screen sizes, add height: 100vh; on your ROW’s Element CSS under the Customize tab, with this the section will cover the entire viewport regardless of the viewers screen-width.
To know more about how to use the Element CSS, please go through this article: https://theme.co/docs/element-css

Hope it helps.
Thanks

[jhayles]

That’s working much better! Thank you. Does it also work on a COLUMN layout? Or just ROWs?

[ruenel]

Hello @jhayles,

The suggestion in the previous response should work if you added the background image in the row element. ANd if you have added the image in the column element, simply use the Minimum Height option provided in the element settings.
For Column:

Best Regards.