How to make the page's main content push the footer down to the bottom

[MaisonBillonDon]

How to make the page's main content push the footer down to the bottom? My "General" page has so many words that the footer shows in the middle of one of the paragraphs. How can i make the main content of the general page automatically push the footer down to the bottom of the page? 

Theme: Origin 15.1

URL: https://billon.maison/pages/general-information 

Screen Shot:

[wildlangosta]

Hi @MaisonBillonDon ,

The issue is the following:

.shopify-section-group-footer-group {
    position: absolute !important;
    bottom: 0px !important;
    width: 100% !important;
}

This is causing your footer to be in an absolute position relative to the section so it is placed at the bottom. I'd recommend removing the position absolute and your footer will be in it's natural position in the HTML document. Please let me know if you have any questions.

[MaisonBillonDon]

 @wildlangosta Unfortunately, even when I remove this code from the base.css, the footer still does not move to the very bottom of the page on my 'general' page. I've attached screenshots of both the code page with a red box surrounding where the code that you told me to remove was, and a screen shot of my general page where the footer is still in the middle of the body text. 

Theme: Origin 15.1

URL: https://billon.maison/pages/general-information 

Screenshots:

[wildlangosta]

Hi @MaisonBillonDon ,

The reason it's not working is because it is limited to the Product Page only (.template-product . shopify-section-group-footer-group)

You need to look for the class  . shopify-section-group-footer-group which is stand alone and not prefixed with another class. Let me know and I can request access to do this for you.

[wildlangosta]

If you can't find it it could be inline css so somewhere in your code base, you'll find the CSS wrapped in: <style></style> tags