How to fix the footer to the bottom of the screen

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.enter image description here

Related Posts:

  1. How to stick the footer to the bottom of the page? [closed]
  2. How to remove version and thank you message from the admin footer
  3. Can i put ‘page’ at the bottom of each page?
  4. footer.php – twentysixteen child theme – social links menu to output font awesome icons
  5. How to edit footer
  6. How do i change the footer?
  7. Where is the admin bar instantiated?
  8. Using wp_register_style to load CSS in footer?
  9. editing footer text in JBST theme
  10. How to find the right file with inspector? [closed]
  11. WordPress Footer Missing After Website Hack
  12. wp_footer hook not working inside a class if not single [closed]
  13. Identify the page I am viewing
  14. Removing a link below from footer
  15. WordPress Site footer on Firefox displays a error
  16. How to edit footer content
  17. Changing copyright year in Footer.php with Custom plugin
  18. footer does not respect css stylesheet
  19. Delete bullet points in footer menu [closed]
  20. Getting A Link below footer – Want to remove it. How?
  21. How can I change this footer.php code to call a random image on reload?
  22. Editing footer for one page, keeping it the same for others
  23. Place Footer at bottom of page with short text
  24. Can’t deregister / dequeue scripts in WordPress
  25. Code for changing the size of the footer block (background) and font size
  26. How to add another image on footer.php
  27. On just 1 (new) page of my site there appears a wordpress footer with copyright 2012 which I want to remove
  28. Footer not visible
  29. how to edit part of footer
  30. How to remove the footer from a theme
  31. footer display problem
  32. How I can Delete Footer without using plugin BlankSlate?
  33. My footer has disappeared but only on my home page
  34. Meta Slider Lite plugin shortcode in post not working
  35. Footer with next/previous posts
  36. Move jquery ui to footer
  37. How do I change the footer (Norma) [closed]
  38. Re-position footer and force it to drop below blog post excerpts on home page [closed]
  39. How can I completely edit the footer?
  40. How to edit the WordPress footer
  41. How to Keep footer link remain intact?
  42. Footer Missing in website [closed]
  43. force footer on bottom on pages with little content
  44. What does wp-embed.min.js do in WordPress 4.4?
  45. Hook for writing text string after footer scripts
  46. Share buttons on article footer
  47. How do you completely remove the default header and footer using functions.php?
  48. Template part vs Sidebar (differences)
  49. Move all the JS files to the bottom|footer, the right way
  50. Inserting JS snippet in the footer if there is no wp_footer?
  51. Strip HTML comments from plugins in header/footer
  52. How can I selectively print scripts to the footer of certain admin pages?
  53. Only loads on the contact template page
  54. Change location of header.php and footer.php
  55. how to add an image to the footer?
  56. Problem in loading javascript in footer
  57. Most recent post from another database
  58. Activate small php condition at footer over page template
  59. How to load jQuery in the footer – nothing works for me
  60. Separator for custom nav menu
  61. javascript conflict
  62. Mixcloud FooterWidget api errors in Chrome and Safari but not Firefox?
  63. Add default widgets to footer
  64. Google Analytics tracking code on just one page?
  65. Link below the footer removal
  66. How to change footer or for different kinds of users in wordpress?
  67. How can I load certain JavaScripts only on blog pages?
  68. On click load iframe [closed]
  69. add another html tag after li element in wp_nav_menu
  70. Updating WordPress plugin admin panel footer text
  71. How do I properly code my footer? See example
  72. Output column number according to active sidebars
  73. Export Header and Footer
  74. Changing footer depending on URL (poli language site)
  75. How do I reset my footer.php to its original state? (theme: Origami)
  76. Javascript from Easy-Fancybox place into footer
  77. Hook for plugin to insert into entry-meta
  78. switch_to_blog() + do_action(‘generate_footer’) not working in multisite
  79. Im having trouble centering menu items in footer due to “flexbox”
  80. how to change footer content for certain pages only
  81. A bug happens in the Footer and the code keeps appearing
  82. why the code html apear in this widget in footer
  83. Using Javascript On Page – Header and Footer Now Missing
  84. Need help removing block of white space between footer widgets and footer [closed]
  85. wp_footer hook causing text to show on bottom of page
  86. Add homepage to the list of pages in the Footer Widget
  87. Not able to add new item in wordpress home page
  88. generate a static copy of the website footer html
  89. Add files to wordpress admin panel footer
  90. Header and footer fail to load with SSL and custom links
  91. Best use adding user generated JS/CSS to a theme with a plugin
  92. Conditional statements based on custom meta value in category archives
  93. Analytics causes website to crash
  94. How to display a link in the footer section
  95. Footer doesn’t display in page.php
  96. Move specific javascript to the footer
  97. Can not add jquery in footer
  98. Does anyone know how to load jquery in the footer?
  99. Why is my footer missing [closed]
  100. Can’t edit the widgets sidebar or footer