Issue with loading picture in a section

Hey Guys!
I hope you are well and safe.

I need to ask for our help as I cannot understand why when loading a picture in a section on my homepage it doesn’t stick to the original dimension but it gets enlarged.

Here are the two screenshots for you to see what I mean.
You see in the first one it’s in the editor and looks fine, but in the second picture it’s how it looks from the front end.

On mobile is fine and exactly how I want it to appear.

Can you please help?
thanks a lot

Hello Isabelle,

Thanks for writing in!

I have checked your homepage and your column is empty. Please add a gap element or at least add a top and bottom of your column for at least 10%.

Please keep in mind that the background image depends on the area of the section. The height of the section is dependent to the height of the column which is also dependent to the height to any of the elements inserted in the column. At the moment, you column is empty and the height were coming from the default top and bottom padding of the section.

Hope this makes sense.

Hello there.
No I didn’t understand, but I have resolved in another way thanks a lot_)

Hi @isa1978,

Glad this is now sorted out. Your always welcome.

Basically, all content of the section and it’s settings affect it’s height. Depending on the height of the section, background image will adjust to cover depending on your settings.

Oh I got it :slight_smile: thanks

You’re welcome, Isa.

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.