Full page image?

[Rob_G33]

I’ve tried turning containers off and so on but still can’t get the image to be full page how can I do this? I don’t want it to be right across the site just one page.

Thanks

Rob

[Prasant]

Hello @Rob_G33,

Thanks for asking.

Please take a look at the solution mentioned in following tread:

Section image full width

Thanks.

[Rob_G33]

I’ll try that thank you.

[Rob_G33]

What do I do if I want it full height of the page?

[thai]

Hi There.

So, usually to do that you would use a background image, the reason is that, screens differ from width height proportions, if you use an image element instead of a background image, it is impossible to have it to cover your full screen on a desktop monitor and on your mobile table at the same time, as the proportions are quite the opposite, one has landscape proportions while the other has portrait proportions.

Have your mind that your image will be slightly or not so slightly cropped on different devices when using a background image, but the fact is that if you force any image to be 100% height 100% width on every device the results wouldn’t not be good, and that does not depend on the theme.

That said, alternatively, you can create different sections for mobiles and for desktops, each section on the Pro builder offers a customize tab with the options of hiding based on screen width. But let´s suppose you don’t want to do that for now.

To achieve what you are looking for, create a section on content builder and add a background image.

Click on the customize tab of the section and on the Inline CSS box you will add:

min-height: 100vh;

Let us know how it goes,

Thanks