Docs

[cabforward]

Hi! I’d like the background image in the “Engineering” section to be responsive just like a regular image. Therefore, I want to show the whole image at all times. Please advise.
I’ve attached a screenshot of what it should look like.

[cabforward]

This reply has been marked as private.

[Jade]

Hi there,

The Engineering section should reach a certain height first before the image will display entirely. If we set the background image to display in its entirety with the current height of the section, it will look like this:

So kindly add contents in the section first as the background will automatically adjusts it sizing.

[cabforward]

I don’t want the background to automatically adjust its sizing. I always want it to be full-height.

[Friech]

Hi There,

Add this inline-styling on your section’s STYLE field.

min-height: 100vh;

Unfortunately, your background-image is a landscape oriented so forcing that to fit on a portrait oriented screen (mobile phones) will stretch and/or squeeze the image. Please read this post and let us know what course of action you want to take. Either we force the background image to fit, or we switch the background image in portrait version when viewed on mobile.

Thanks.

[Author]

Posts