White Footer on No Header, No Footer page and double-scrollbar on Cornerstone

Hey folks!

I’ve made a Comming Soon page for a new site I’m developing, and set it as Home so it loads automatically when the site loads. I’m not sure what/where setting I did wrong or if it’s on the Section, Row, Cemphasized textolumn or somewhere else, I’m having this:

When I’m editing the page in Cornerstone, I see double-scrollbars on the right side, and if I scroll it all up, then I see a slmall white stripe at the bottom of the page. When viewing the page on mobile landscape screen, scrolling down I can see it too.

What should I do to have my (only) section to occupy the full screen without that white “footer”? The page is a No Header, No Footer, so it shouldn’t be showing like that. I kindly ask you to point me a direction to solve that and have it clean on all viewports.

Thank you very much once ore and best regards!

Hello @fabiofava,

Thanks for writing in!

You can set a minimum height in the Column element.

Assuming that the remaining top and bottom height of the Section is at least 30vh. You can adjust it to a minimum height of calc(100vh - 130px) where in 130 pixels is the total default top and bottom padding of the Section element.

Hope this makes sense.

Hey @ruenel

I’m sorry but I didn’t understand:

Assuming that the remaining top and bottom height of the Section is at least 30vh . You can adjust it to a minimum height of calc(100vh - 130px) where in 130 pixels is the total default top and bottom padding of the Section element.

I don’t actually understand very well the vh concept itself. Would you mind explaining in a more simple english? I’d need it to be 100% of the height, full page… I’ve tried using the 70vh setting but didn’t change the double-scrollbar on Cornerstone, and the white line.

My section there has 0 padding as you can see on the screenshot below:

I’ll keep looking forward on that, thank you very much.

Hey @fabiofava,

The vh is a unit of measurement which means relative to 1% of the height of the viewport*.

Assuming that your Section element do not have padding, you can set a minimum height of 100vh in your Column element. If I am not mistaken, this is your current element structure:

Section
   Row 
      Column
          Logo Image
          Headline
          Headline
          Text 
          Countdown

Hope this helps.