[Resolved] How to make the Footer NOT Sticky?

[Bettina]

Didn’t found anything to disable the Sticky Footer. I want the Footer close to the Page-Content.
Is it possible?

[Ying]

Hi Bettina,

Not sure what you mean by Sticky footer, I don’t aware GP has a sticky footer feature.

Can you link us to your site?

[Bettina]

Hi Ying,

here is the link: https://test.helden-von-morgen.de/

If the device-width is larger than 1200 px, you can see it.
The footer ist on the bottom and the picture ist on the top.
The picture ist an Page-Hero Header-Element.

[Leo]

Are you trying to remove the blank space here?
https://www.screencast.com/t/TBKH9iFjcv5l

If so have you tried removing this CSS you’ve added?

.page-hero.titelbild {
	background-size:100%;
}

[Bettina]

Ok, thank you.

But if I remove the background-size:100%; the background-image grows to much when device-width larger than 1200px.

That‘s why I added this CSS.

Do you know a possibility to fit the div.page-hero to the background-image? Can‘t find anything with Google.

[Leo]

Not exactly sure if I understand.

Do you have an example of the final result you are trying to achieve?

[Bettina]

Here is the Contao-Version of this little mini-site:
http://helden.knell-design.de/startseite.html

[Bettina]

Thank you Ying and Leo!

I did it 🙂

With a hook.

You can see it here now: https://helden-von-morgen.de/

Maybe it would be a good idea to add Images to the Elements?

Best Support ever here !!! Very fast answers. Thank you so much!

[Leo]

Glad to hear 🙂

[Author]

Posts