[Resolved] Change container height

[Christian Lux]

Is there a way to change the container height only on one page? The main page on my website doesn’t have enough content to make the container end with the footer.

[David]

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

[Christian Lux]

Thanks alot.

[David]

You’re welcome

[Christian Lux]

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

[Leo]

Try this for your site instead:

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

[Christian Lux]

Great, it’s working 🙂 Thank you Leo.

[Leo]

No problem 🙂

[Christian Lux]

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

[David]

Change:

.page-id-50 #page {

to

#page {

[Author]

Posts