Reducing section height/padding in footer

Site URL: https://accordion-jaguar-tztz.squarespace.com/config/

Hi, I'd like to reduce to amount of empty space on my footer, on both the desktop and mobile versions. At the moment, I have the 'section height' as S, but it still isn't enough; there's just too much blank space. I'd like to make it a little more compact.

How do I do this? Can the padding of the logo image I have be reduced also on the mobile version, so that the email/LinkedIn/IG hyperlinks aren't so far away?

I've attached pictures to show how I'd like to edit it. If there is a custom CSS I can add, and you are able to help me write a code for this, I can play around with the specific dimensions myself. 

Password for site: ost

Mobile:

Desktop:

Many thanks for your help! 

Tomm

6 hours ago, tommmmusic said:

Site URL: https://accordion-jaguar-tztz.squarespace.com/config/

Hi, I'd like to reduce to amount of empty space on my footer, on both the desktop and mobile versions. At the moment, I have the 'section height' as S, but it still isn't enough; there's just too much blank space. I'd like to make it a little more compact.

How do I do this? Can the padding of the logo image I have be reduced also on the mobile version, so that the email/LinkedIn/IG hyperlinks aren't so far away?

I've attached pictures to show how I'd like to edit it. If there is a custom CSS I can add, and you are able to help me write a code for this, I can play around with the specific dimensions myself. 

Password for site: ost

Mobile:

Desktop:

Many thanks for your help! 

Tomm

You can try this for desktop

section[data-section-id="6286eb28dbe86160588fe0a3"] .content-wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

section[data-section-id="6286eb28dbe86160588fe0a3"] {
  min-height: 15vh !important
}

Let me know how it works on your site

Hey @bangank36, thanks for your help! I tried your CSS, thank you. 

For desktop, the space below the tomm icon is good (I changed it to 17vh), but the space above is a bit too much, looks imbalanced. Is that possible to change to something like this, ie removing the red section?

Many thanks again!

Tomm

You can try using the additional code

section[data-section-id="6264cd7cf119917020f755a0"] .section-background {
  bottom: 0  !important;
}

Awesome! That works great, thanks so much! Any ideas with the mobile version how to reduce the space?