Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Logo in Footer Too Large on Mobile


jimjimmy

Question

Recommended Posts

  • 0

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!

image.png.c87750dbb7cef76b1676eb738d731721.png

Edited by Tami21
Link to comment
  • 0
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!

image.png.c87750dbb7cef76b1676eb738d731721.png

Hi. What is site url?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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. 

Link to comment
  • 0

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

Edited by emma_b
Link to comment
  • 0
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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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;
}}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...