Logo wall - logos are too big in mobile. Same happened with footer when i tryed

Site URL: https://www.lisbonplayground.com

Guys, 

My logo wall looks gigantic on mobile. Please help! 🙂

password to see: helpplease

thank you!

22 hours ago, anarmcamilo said:

Site URL: https://www.lisbonplayground.com

Guys, 

My logo wall looks gigantic on mobile. Please help! 🙂

password to see: helpplease

thank you!

Hi. Where logo?

Hi, 

At the "parceiros" page. 

Thanks,

I have the same problem... on desktop it looks great but, on mobile my footer logo is way too big...

password : steven2020

circle-parrot-gy7c.squarespace.com

On 1/25/2021 at 3:49 AM, anarmcamilo said:

Hi, 

At the "parceiros" page. 

Thanks,

Incorrect password

On 1/30/2021 at 5:33 PM, pa_whitecar said:

I have the same problem... on desktop it looks great but, on mobile my footer logo is way too big...

password : steven2020

circle-parrot-gy7c.squarespace.com

 

I don't see logos on above link?

Same problem here!

https://spinach-keyboard-w7ws.squarespace.com/fasadevedlikehold3

pw: hoyden2021

On 2/1/2021 at 12:41 AM, Erlend-fs said:

Same problem here!

https://spinach-keyboard-w7ws.squarespace.com/fasadevedlikehold3

pw: hoyden2021

Add to Design > Custom CSS

/* resize mobile logos */
@media screen and (max-width:767px) {
div#page-section-60140b804668dc1143ef6567 .span-1 .image-block {
    width: 30%;
    margin: 0 auto;
}
}

Thanks a lot tuanphan!

On 1/31/2021 at 9:36 PM, tuanphan said:

Incorrect password

I don't see logos on above link?

the logo on the bottom.... 

15 hours ago, pa_whitecar said:

the logo on the bottom.... 

Add to Design > Custom CSS

/* resize footer logo */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1612049855587_38621 {
    width: 50%;
    margin: 0 auto;
}
}

Can anyone help me? Experiencing the same problem. I have 3 logos in my footer and they all look huge on mobile. Also, any way to made the middle one the same size as the other two? I had a hard time centering them with the spacers and getting them to be the same size.

https://oval-cuboid-rbwe.squarespace.com/

PW: Amythyst2021

3 minutes ago, LizTheSushiLover said:

Can anyone help me? Experiencing the same problem. I have 3 logos in my footer and they all look huge on mobile. Also, any way to made the middle one the same size as the other two? I had a hard time centering them with the spacers and getting them to be the same size.

https://oval-cuboid-rbwe.squarespace.com/

PW: Amythyst2021

@tuanphan help plz ^

On 2/12/2021 at 9:33 PM, LizTheSushiLover said:

@tuanphan help plz ^

Add to Design > Custom CSS

/*resize footer logos mobile */
@media screen and (max-width:767px) {
div#page-section-60254a94f1ad5f4774b07628 .span-12>.row:nth-child(3) .col:nth-child(n+2) {
    width: 33.33% !important;
    float: left !important;
}
}

Thanks @tuanphan!

I got the same problem with a new site i'm creating, I tried to use the CSS code but it doesn't work...

site: https://asparagus-wombat-zrzl.squarespace.com

code: circus

as well, is it possible to reduce the space between the headers and the body text?

On 4/4/2021 at 12:29 PM, pa_whitecar said:

as well, is it possible to reduce the space between the headers and the body text?

 

Add to Design > custom CSS

/* resize mobile footer logo */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1617504235100_6718 {
    width: 50%;
    margin: 0 auto;
}
}

You mean space on mobile?

@tuanphan I mean thew space when you write and you skip a line... I don't know if it makes sense.

When you do this:

Hi

Hello

On 4/6/2021 at 7:46 AM, pa_whitecar said:

@tuanphan I mean thew space when you write and you skip a line... I don't know if it makes sense.

When you do this:

Hi

Hello

Hi. Can you take a screenshot space? We can help easier

I tried to use the same code that you sent last time to resize the logo on mobile but, it doesn't work...

site: https://asparagus-wombat-zrzl.squarespace.com

code: circus

As well, on my mobile there is a big white block at the end... I don't know how to remove it...

On 5/27/2021 at 4:43 AM, pa_whitecar said:

I tried to use the same code that you sent last time to resize the logo on mobile but, it doesn't work...

site: https://asparagus-wombat-zrzl.squarespace.com

code: circus

As well, on my mobile there is a big white block at the end... I don't know how to remove it...

 

 

Add to Design > Custom CSS

/* Mobile-Footer-Logo size */
@media screen and (max-width:767px) {
footer.sections .image-block {
    width: 50%;
    margin: 0 auto;
}
}

White block. Can you take a screenshot?

The white block is gone!

But the code doesn't work...

22 hours ago, pa_whitecar said:

The white block is gone!

But the code doesn't work...

 

Add to Line 01 in Custom CSS

I also have this problem with mobile footer logo and have tried the code from @tuanphan multiple times and it just doesn't work for me. Anyone have any success with this?

On 8/27/2021 at 4:47 PM, jtspidercool said:

I also have this problem with mobile footer logo and have tried the code from @tuanphan multiple times and it just doesn't work for me. Anyone have any success with this?

Hi,

What is your site url?

Hi, sorry, forgot to get back to you. I have fixed this using some code you put on another thread. My mobile logo is now great, but the space at the bottom is HUGE. I tried to adjust the padding, but it made no difference. 

This is the code I used:

@media screen and (max-width:640px) {
div #block-yui_3_17_2_1_1629998662263_30945 img {
    width: 30% !important;
    height: auto !important;
    transform: translateX(-50%);
    left: 50% !important;
}
div #block-yui_3_17_2_1_1629998662263_30945.image-block-wrapper {
    padding-bottom: 50% !important;
}

}

Thanks for your help - you are awesome!