Archived topic
How to make the Footer NOT Sticky?
8 replies · Started by Bettina on November 5, 2021
Didn't found anything to disable the Sticky Footer. I want the Footer close to the Page-Content.
Is it possible?
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?
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.
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%;
}
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.
Not exactly sure if I understand.
Do you have an example of the final result you are trying to achieve?
Here is the Contao-Version of this little mini-site:
http://helden.knell-design.de/startseite.html
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!
Glad to hear :)