Spacing footer widget area

Hi, I think you might be looking for something like the following?

@media screen and (max-width: 568px) {
	.site-footer .site-info {
    	padding-top: 0;
	}
}

Thanks for the help: this solves the problem of the distance between site info and site footer, but inside the footer I put 3 html elements in 3 different columns (footer column 1, 2 and 3). If I see them on desktop no problem because they are on the same horizontal level, but on mobile the columns are placed one on top of the other and I wanted to reduce the distance between the various elements.

Sure, you can use something like the following

.site-footer .footer-widgets div {
    margin-bottom: 20px;
}

Adjusting the 20px value to your liking of course

Thanks a lot, I just tested it on mobile and it works perfectly! In the desktop version I tried to adapt your css like this:

.site-footer .footer-widgets div {
margin-bottom: 10px;
margin-top: -30px;
}
.site-footer .site-info {
padding-top: 5;
}

It’s pretty good even if the site-info with credits has a little too much space above and below, how could I fix it?

Try this for desktop/larger screens

@media screen and (min-width: 568px) {
    .site-footer .site-info {
        padding: 0px;
    }
}

Ok thank you, with your directions I was able to change the distances as I wanted.
I consider this topic solved, thanks again!