Cornerstone - "force" page to display full screen

Hi,

Is it possible to have a page (cornerstone) that displays always in full screen?
By full-screen, I mean the space of Header, Content and Footer. Where the Content changes/adapts to the screen size, while the header and footer are “snapped” to the top and bottom of the screen.
This only works in pages that barely have content, like a Login page.

Is it doable? Maybe by using the unit CALC or %? Or with vertical alignment?

Thank you

Hi, @PanInternational

Yes, it’s possible. You can try adding the code below in Theme Options > CSS

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

Change 180px with ( height of header+ height of footer)

Hope that helps

Will give it a shot.

Thank you

You’ re welcome! :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.