Is it possible to create a single page Full Height container?

I would love to design a page(home) that is a single container(div) that is 100% x 100% of the viewport. See this sketch. I’d have 3 columns. If that’s possible, then I was going to wonder about having another section below it that is more standard scrolling sections if the user scrolled beneath first screen

Have you seen anything like a full-height home page?

Hi Richard,

Thank you for reaching out. To achieve this, add a section in Cornerstone then go to it’s Customize tab and paste the following code in the Element CSS field:

$el {
  min-height: 100vh
}

If you want to have your columns to have 100% view-port height too then paste the above code in column’s element CSS as well.

Hope this helps!

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