Make all pages minimum height

Hi,

Sure, but this will depend on amount of the content you have. Let’s start with:

#wrapper {
    min-height: 640px;
}

– or –

#wrapper {
    min-height: max-content;
}

– or –

#wrapper {
    min-height: fit-content;
}

Thanks,
Emil

Hi,

Thanks.
This is working for all pages but not for the home page.

if I put

#wrapper {
min-height: 650px;
}
then this is ok for aal pages but not for the home page.

also changed

.home #wrapper {
background-color: transparent;
border: none;
margin: 20px auto 20px auto;
padding: 0;
min-height: 650px;
}

But then the wrapper is bigger than the visitable widget..

I want that if I choose home or an other page, that the pages aren’t jumping and need some help to arrange this with the home page.

Tanks.

Roel Niesen

Hi,

What’s the site please?

Emil

Hi,

I change the style to:

wrapper {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
background-color: #fff;
border: 1px solid #d6d6d6;
border-radius: 6px;
clear: both;
margin: 20px auto 20px auto;
padding: 0 20px 20px 20px;
position: relative;
min-height: 500px;
}

.home #wrapper {
background-color: transparent;
border: none;
margin: 20px auto 20px auto;
padding: 0;
min-height: 500px;
}

The web site is https://www.boeri.be/wordpress

The home page does not work the same because of the widgets below???

right, so this won’t work for home page because of the widgets, you can try max-height instead, just be careful not to reduce the height too much ??

Emil

Thanks

You’re welcome, please let me know if there is anything else I can help you with ??

Emil