How to fix the footer to the bottom of the screen

admin管理员组

文章数量:1336659

I've recently created my first Homepage (garageeden.at) with Wordpress using Elementor, and have a small issue with the footer (created with the header footer plugin for elementor). Currently it just follows after the content, so on pages with little content it sits in the middle of the page, with blank space under it. I saw the suggestion of just adding

.site-footer{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;   
}

but if i do that using the custom css plugin it doesn't change anything

I've recently created my first Homepage (garageeden.at) with Wordpress using Elementor, and have a small issue with the footer (created with the header footer plugin for elementor). Currently it just follows after the content, so on pages with little content it sits in the middle of the page, with blank space under it. I saw the suggestion of just adding

.site-footer{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;   
}

but if i do that using the custom css plugin it doesn't change anything

• footer

Share Improve this question asked Jul 7, 2019 at 15:08 fleischhauerfleischhauer 111 silver badge11 bronze badge 1

• please contact the developer of your theme or plugin with your question. theme and plugin related question are nolt covered in this forum. – Michael Commented Jul 7, 2019 at 15:40

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 1

The problem you have with your CSS is that you are using .site-footer, but there is not such a class on your website, you should use #colophon instead.

#colophon {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;   
}

Check how the white space you mentioned goes on top of the footer.

本文标签： How to fix the footer to the bottom of the screen