Docs

[powersjr]

Hi,

is it possible to make pages, that don’t have enough content to fill a complete site, have 100% height? So that the footer is on the browser window bottom if the page is “too short”? I tried some custom css, but can’t find the correct class.. or do I have to change that in the template files?

[Joao]

Hi There,

You could add padding to your content/section on Cornerstone.

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Hope that helps

Joao

[powersjr]

This reply has been marked as private.

[Rad]

Hi there,

I’m not sure if I understand it correctly, why would the size need to be more than 100%? That means it will be greater that the screen’s width since 100% is equal to the width of the screen. Would you mind providing some mockup design?

Login/logout menu, X theme has that but for BuddyPress and BBPress. In order to achieve that without those plugins, then you’ll have to create your own integration through customization, or install similar plugins.

Thanks!

[powersjr]

Ok, I tried to quick-paint something 😉

This is how it should look if the content is not 100%
https://gyazo.com/914caf60d27783182b4f167d30597eeb
Footer at the bottom at the page

This is how it should look, if the content is more than 100%
https://gyazo.com/c6a0d4eca7e2fa5a55e377dd7af585f7
Footer sticked to the bottom at the content, so when you scroll down, scrolling ends when the footer is at window bottom

This is how it should not look, if the content is more than 100%
https://gyazo.com/7a9f5cdda41de7fc0f34db78208f9e20

So, we want the footer only to stick at the window bottom, if the content doesnt take 100% of space. If we have more content than fitting into the screen, we dont want the footer to stick at the screen-bottom, but at the content-bottom

I hope that makes it more clear 😀

Regarding the Login, we will use the one from bbpress, works just fine.

[Rue Nel]

Hello There,

To resolve your issue and make sure that pages with less content will have at least 100% height or that the footer will stay at the bottom of the page, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(min-width: 980px){
  .site > .x-container.max.width.main {
    min-height: 80vh;
    min-height: calc(100vh - 400px);
  }  
}

We would loved to know if this has work for you. Thank you.

[Author]

Posts