Full screen image in PRO (content)

[charliesa]

This is a redundent question I’m sure, but I never saw a post that worked for me.

SIMPLE (or it should be), but then so am I :

I just want a full screen image in PRO. Of course I have a page with no container-Header and Footer.
I’m using a Section background image set to “Cover Center”. Why is the heigth about 25px?

I can force it with CSS, but that’s not right.

The DEVELOPMENT site is http://dev.bustersvisionedu.org

I have a test page called (imagine this) “test-page” .

[ruenel]

Hello There,

Thanks for writing in! Please keep in mind that the background image will try to cover the whole section container. Now the height of the background image will only depend on the height of the section container. In your test, it is only 25 pixels because there is no content in the column and 25 pixels came from the global line height. So if you want to see a fullscreen image, you will have to set a minimum height for the column. Please insert an inline css min-height: 100vh; in the style field under the Customize tab.

This setting is perfect if you are using Blank - No Container | No Header, No footer. And in your test page, you may use min-height: calc(100vh - 280px); which would mean that the minimum height is equal to the browser height subtracted by the total height of the header and footer.

Hope this helps.

[charliesa]

All worked perfectly, Thanks!!

[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.