Float Footer of RENEW stack in Pro theme to bottom of page

[StickinOut]

Hi,

Im wondering how i go about floating my footer in the Renew stack of Pro theme to the bottom of pages where there is not enough content to push it there.

[paul.r]

Hi,

You can try adding a min-height to your main content area.

To do that, you can add the code below in Theme Options > CSS

.x-main {
    min-height: calc(100% - 200px);
}

Where 200px is the height of your header and footer combined.

Hope this helps

[StickinOut]

@paul.r

.x-main {
min-height: calc(100% - 200px);
}

Hi,
Thanks, i have that in and the 200 changed to 318 for the combined of header and footers.
But the content is still floating above the actualy bottom of the screen/window.

[basanta]

Hi There,

Thanks for the confirmation!

Please replace the CSS with this and let us know if that works.

.x-main {
    min-height: calc(100vh - 200px);
}

Hope this helps!