Harris: Footer logo is too large on mobile

Using the Harris Template, the logo I have placed on my footer appears far too large on mobile. I am looking for a solution in order to make it smaller, as it is on the laptop and tablet view. Thanks.

@llodoen Can you share site url?

@tuanphan @llodoen

Agreed - in fact the footer is too large on mobile, tablet and desktop. It seems if you only have one line of copy as I do, the Footer Top Blocks and Footer Bottom Blocks just add unnecessary padding. Does anyone know how to decrease the overall size of the footer?

here's my site:

https://orange-lemon-c629.squarespace.com/

10 hours ago, tommb said:

@tuanphan @llodoen

Agreed - in fact the footer is too large on mobile, tablet and desktop. It seems if you only have one line of copy as I do, the Footer Top Blocks and Footer Bottom Blocks just add unnecessary padding. Does anyone know how to decrease the overall size of the footer?

here's my site:

https://orange-lemon-c629.squarespace.com/

What is password?

On 4/14/2020 at 10:15 PM, tuanphan said:

What is password?

I am having the same issue. Please see my site and password below. Maybe this will help. Thank you in advance for your help, tuanphan!

https://hulseygardens.squarespace.com

Password: 1234

9 hours ago, CarolynSmith said:

I am having the same issue. Please see my site and password below. Maybe this will help. Thank you in advance for your help, tuanphan!

https://hulseygardens.squarespace.com

Password: 1234

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
/* resize logo column */
div#page-section-5e924e1ca1d96d58ed3c4e74 .span-12>.row>.span-2:nth-child(3) {
    width: 50% !important;
    margin: 0 auto;
    display: block;
}
}

1 hour ago, tuanphan said:

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
/* resize logo column */
div#page-section-5e924e1ca1d96d58ed3c4e74 .span-12>.row>.span-2:nth-child(3) {
    width: 50% !important;
    margin: 0 auto;
    display: block;
}
}

 

Thank you so much!!