Logo in Footer Too Large on Mobile

Hi there, I have really tried by myself to adjust... I would like to decrease the size of my mobile footer logo "Bioland" on my website www.virturis.de 

Very thankful for your help, best, 

10 hours ago, Elsterglanz said:

Hi there, I have really tried by myself to adjust... I would like to decrease the size of my mobile footer logo "Bioland" on my website www.virturis.de 

Very thankful for your help, best, 

Add to Design > Custom CSS

/* Mobile footer logo */
@media screen and (max-width:767px) {
footer.sections .image-block {
    width: 30%;
}
}

Hello @tuanphan 

I am having trouble with the logo footer specifically for the mobile version, it seems to crop part of the logo and also is too small. Image below for reference, if someone could kindly help with this. Thank you!

On 2/4/2022 at 10:49 PM, Tami21 said:

Hello @tuanphan 

I am having trouble with the logo footer specifically for the mobile version, it seems to crop part of the logo and also is too small. Image below for reference, if someone could kindly help with this. Thank you!

Hi. What is site url?

16 hours ago, tuanphan said:

Hi. What is site url?

Link: https://bassoon-tomato-7pzf.squarespace.com

On 2/9/2022 at 11:23 AM, Tami21 said:

Link: https://bassoon-tomato-7pzf.squarespace.com

Password: hello21

Hi. Incorrect password

On 2/14/2022 at 1:48 AM, tuanphan said:

Hi. Incorrect password

Please try the following, thank you!

Link: https://bassoon-tomato-7pzf.squarespace.com

On 2/15/2022 at 2:58 PM, Tami21 said:

Please try the following, thank you!

Link: https://bassoon-tomato-7pzf.squarespace.com

Password: hello22

Remove your code

@media screen and (max-width: 640px) {
    div#block-yui_3_17_2_1_1637125697768_8411 img {
        width:60% !important;
        height: auto !important;
        transform: translatex(-50%);
        left: 50% !important
    }

    div#block-yui_3_17_2_1_1637125697768_8411 .image-block-wrapper {
        padding-bottom: 5% !important
    }
}

add new code

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

On 2/19/2022 at 4:32 PM, tuanphan said:

Remove your code

@media screen and (max-width: 640px) {
    div#block-yui_3_17_2_1_1637125697768_8411 img {
        width:60% !important;
        height: auto !important;
        transform: translatex(-50%);
        left: 50% !important
    }

    div#block-yui_3_17_2_1_1637125697768_8411 .image-block-wrapper {
        padding-bottom: 5% !important
    }
}

add new code

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

 

Thank you so much! It worked perfectly, appreciate it. 

Hello @tuanphan could you help me add a code to my website?

I'm hoping to minimize my footer logo on mobile like the users above. 

I've tried adding it in with my specific block ID and it isnt working:

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

Website: https://hexaflexagon-gopher-j55t.squarespace.com/

PW: KEG

On 4/1/2022 at 2:00 AM, emma_b said:

Hello @tuanphan could you help me add a code to my website?

I'm hoping to minimize my footer logo on mobile like the users above. 

I've tried adding it in with my specific block ID and it isnt working:

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

Website: https://hexaflexagon-gopher-j55t.squarespace.com/

PW: KEG

Remove your code & use this new code

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

Hi @tuanphan

Could you please assist me with this same issue? 

https://moose-gecko-e4n4.squarespace.com/

Password: Squarespace

Kindest,

Eilish. 

On 5/3/2022 at 7:06 AM, Madeline123 said:

Hi @tuanphan

Could you please assist me with this same issue? 

https://moose-gecko-e4n4.squarespace.com/

Password: Squarespace

Kindest,

Eilish. 

Add to Design > Custom CSS

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