The footer doesn’t have a lot of padding, the background colour of the site matches the footer background. The footer isn’t sticky. There are two ways to change this behaviour. You can either set a min height for the content container thereby pushing the footer down or you can change the body background colour so it no longer matches the footer background colour.
Insert at Customize > Additional CSS or your own Custom CSS plugin or child theme style.css file.
This isn’t too big of a problem, but when I did either one if those codes it made it so i can scroll down more, is it possible to make it fix on the same screen if there is enough space?
like this, for example, I am scrolled down even when I shouldn’t have to.