Logo in Footer Too Large on Mobile

13 hours ago, tuanphan said:

Add to Design > Custom CSS

/* Mobile-Footer-Logos */
@media screen and (max-width:767px) {
div#page-section-6072fb7209cda5305a709b9d .span-2:nth-child(3) {
    width: 66.666% !important;
    float: left !important;
}
div#page-section-6072fb7209cda5305a709b9d .span-2:nth-child(3) .span-1 {
    width: 50% !important;
    float: left !important;
}
div#page-section-6072fb7209cda5305a709b9d .span-2:nth-child(4) {
    width: 33.333% !important;
    float: left !important;
}
div#page-section-6072fb7209cda5305a709b9d .span-3:nth-child(5) {
    clear: left;
}
}

 

Thank you so much! works perfectly! really appreciate your help

hei. I would like as well to get this issue with footer logo getting enormous solved. It seems it is linked with the root name but i don't know where to find it... help very welcome thank you !

this is our website with the issue: www.bioregion.institute

Alexandre

17 hours ago, AlRaBa said:

hei. I would like as well to get this issue with footer logo getting enormous solved. It seems it is linked with the root name but i don't know where to find it... help very welcome thank you !

 

this is our website with the issue: www.bioregion.institute

Alexandre

Add to Design > Custom CSS

/* Mobile footer logo */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1613058210742_37426 {
    width: 50%;
}
}

Hi! I would love to get help as well... Thank you in advance!!!

https://finch-mandolin-5zps.squarespace.com

pass: cupola

5 hours ago, lmishima said:

Hi! I would love to get help as well... Thank you in advance!!!

https://finch-mandolin-5zps.squarespace.com

pass: cupola

Add to Design > Custom CSS

/* Mobile resize footer logo */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1620162647316_11676 {
    width: 30%;
}
}

I am also facing same issue, If you found any helpful guide Please let me know. Thanks in Advance ❤️

20 hours ago, danienni said:

I am also facing same issue, If you found any helpful guide Please let me know. Thanks in Advance ❤️

What is your problem?

Facing same issue on my 10bestvacuums blog from last two weeks,

Now Finally found this post. Thank you So Much Team,

Same problem.. @tuanphan can't figure out the right CSS to make the image (logo) on the homepage smaller on the mobile and so that it also stays in the centre... ?! Screenshots attached. 

https://www.kevinthomasfilm.com/

Password: KTF

6 hours ago, idamay said:

Same problem.. @tuanphan can't figure out the right CSS to make the image (logo) on the homepage smaller on the mobile and so that it also stays in the centre... ?! Screenshots attached. 

https://www.kevinthomasfilm.com/

Password: KTF

 

That strange. I remember I answered your problem.

Add to Design > Custom CSS

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

On 8/5/2021 at 5:07 AM, tuanphan said:

That strange. I remember I answered your problem.

Add to Design > Custom CSS

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

 

Thank you @tuanphan this is great. Just a minor adjustment. I'd like to have the image in the middle when viewing on mobile so little lower... could you help me to tweak that? Thank you again!! 

On 8/6/2021 at 9:13 PM, idamay said:

Thank you @tuanphan this is great. Just a minor adjustment. I'd like to have the image in the middle when viewing on mobile so little lower... could you help me to tweak that? Thank you again!! 

Try this

/* Mobile resize images */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1627563480786_5210 {
    width: 50%;
    margin: 0 auto;
	position: relative;
	bottom: -50px;
}
}

Brilliant thank you so much @tuanphan !! I can now play around w/ the numbers and where the logo sits! Thanks for your help again!!

Also struggling with this if someone would be willing to help me out

www.bayviewbarberco.com

pw: Bayview2021

On 9/4/2021 at 8:42 AM, nbellaro said:

Also struggling with this if someone would be willing to help me out

www.bayviewbarberco.com

pw: Bayview2021

Add to Design > Custom CSS

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

On 9/5/2021 at 2:09 AM, tuanphan said:

Add to Design > Custom CSS

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

 

THANK YOU

@tuanphan Hi there! I am struggling with the exact same thing others have struggled with in this thread, I uploaded my logo in footer nav as an image block but it appears way too big on mobile and takes up the entire screen. Would very much appreciate any help! Let me know what you need from me to help 🙂 Thanks in advance!

On 11/3/2021 at 9:33 PM, garpar60 said:

@tuanphan Hi there! I am struggling with the exact same thing others have struggled with in this thread, I uploaded my logo in footer nav as an image block but it appears way too big on mobile and takes up the entire screen. Would very much appreciate any help! Let me know what you need from me to help 🙂 Thanks in advance!

Can you share link to your site? We can check easier

I'm sorry @tuanphan. I have the same issue as well.

Tried the code that you implemented on previous comments and changed the block yui to mine but still keeps the same size in mobile format.

Can you please shine some of your knowledge here?

Site: neux.se

Password: ux2022

On 11/12/2021 at 8:20 PM, Mr_Phil said:

I'm sorry @tuanphan. I have the same issue as well.

Tried the code that you implemented on previous comments and changed the block yui to mine but still keeps the same size in mobile format.

Can you please shine some of your knowledge here?

Site: neux.se

Password: ux2022

Add to Design > Custom CSS

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

Hi @tuanphan
I tried a couple of your codes but no success so far 😞 
Could you give me hand, please?

https://dalmatian-grouper-jpfs.squarespace.com/
pw: tttm2021

Thanks much!

22 minutes ago, amacarv said:

Hi @tuanphan
I tried a couple of your codes but no success so far 😞 
Could you give me hand, please?

https://dalmatian-grouper-jpfs.squarespace.com/
pw: tttm2021

Thanks much!

Use this CSS

/* Mobile footer */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1639432249028_6136 {
    width: 20%;
}
}

Thank you so much @tuanphan!

@tuanphan

Can you help me too please? 

This is my site: https://www.thisisavocado.com/

The footer logo is fine on desktop but massive on mobile.

On 1/17/2022 at 10:42 AM, thisisavocado_ said:

@tuanphan

Can you help me too please? 

 

This is my site: https://www.thisisavocado.com/

 

The footer logo is fine on desktop but massive on mobile.

Add to Design > Custom CSS

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