Solved Helix Framework

Footer and bottom at the end of screen for short articles

Asked by Peter Klinke 4 years ago Last activity 4 years ago

I have created a wbesite with pagebuilder and helix ultimate.

The page includes some short joomla articles where bottom and footer are places in the middle of the screen.
Isn't ist possible to place them at the end of screen but only for short articles?

Accepted answer

Marked as the solution

Pavel

4 years ago · edited

Hi Peter.

You have a meaningless code in two places that interferes with the work of the code that I provided.

Remove it and everything will work

Inline code

Code in custom.css

Or, if for some reason you want to keep your code (I repeat - this code is meaningless),
replace in my code

from

#sp-main-body {
    margin-bottom: auto;
}

#sp-main-body + * {
    margin-top: auto;
}

13 more replies

Paul Frankowski Senior Staff

4 years ago

Hi Peter,

there are few methods to solve it, but before I present one of them, remember that Google recommend that a single article should include at least 600 words!. Of course you can use less 400-500, but .... if you care about SEO, decide.

One of method (easy one) is set min-height for article content, yes - custom CSS method:

.view-article .article-details {
  min-height: 750px;}

Mehtaz Afsana Borsha Staff

4 years ago · edited

Thanks for contacting us. You can follow Pauls instructions. Thanks Paul for sharing the solution with us.

-Regards.

Peter Klinke Asked this

4 years ago

Thank you for quick response, but this simple solution is no solution.

It does not consider several screen sizes and types and the size of bottom and footer.

Sincerely
Peter

Pavel

4 years ago · edited

Hi Peter.

Try this

.body-innerwrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
#sp-main-body {
    margin-bottom: auto;
}

Peter Klinke Asked this

4 years ago

Hi Pavel,

I tried your code but it does not do anything :-(

Pavel

4 years ago

I tried your code but it does not do anything

It cannot be. But I can't see your site to check

SPD

4 years ago

Pavel,
Wanted to thank you for that code, as I have been searching for a consistent solution for awhile now and that worked perfectly so far with minimum testing.
Cheers and thanks for sharing!

Pavel

4 years ago

Hi @SPD. You are wellcome

Peter Klinke Asked this

4 years ago

is there something more to do than adding tocustom code

Pavel

4 years ago

Hi. Nothing more. Your site is under password. I can’t say anymore without seeing your site. I am not an employee of support. Open the site for public access and I can look