[Theme: Twenty Twelve] Make widgets closer together

Right now I see your JetPack mobile version – on a laptop – so that’s probably not what you are asking about? Twentytwelve works great as is on all devices, so I’d suggest disabling JetPack mobile?

That’s not good!

Deactivated!

Try adding this to the custom CSS:

.widget-area .widget {
    margin-bottom: 2rem;
}

Adjust that 2 if you want it more or less than that.

How can I make it also affect the top, where the widget title is?

Try:

.widget-area {
    margin: 0;
}