Change container height

Hi there,

try this CSS:

@media (min-width: 769px) {
    .home #page {
        min-height: calc( 100vh - 350px );
    }
}

It will make the Page container the height of the browser -minus the height of the header+nav+footer

Thanks alot.

You're welcome

Where do I have to put it?
Adding it into additional css on the customizer doesn't work.
See here

Try this for your site instead:

@media (min-width: 769px) {
    .page-id-50 #page {
        min-height: calc( 100vh - 350px );
    }
}

Great, it's working :-) Thank you Leo.

No problem :)

I'm sorry to use this again. Is there also a way to change it globally?

Change:

.page-id-50 #page {

to

#page {