Footer Logo too large on mobile site

Site URL: https://www.bloomhomes.com.au

hello,

My footer logo is too appearing much too large on my mobile site.
I tried to use some code from previous posts but they haven't worked.

I'm using version 7.1. See screenshot attached.

Thank you!

4 hours ago, michaelpga said:

Site URL: https://www.bloomhomes.com.au

hello,

My footer logo is too appearing much too large on my mobile site.
I tried to use some code from previous posts but they haven't worked.

I'm using version 7.1. See screenshot attached.

 

Thank you!

I can access your site. Can you check it again?

Hello bangank36

Thanks for getting back to me.

The site is now public www.bloomhomes.com.au

Thank you

@michaelpga The site still private. Can you check it again?

Thank you @tuanphan, we resolved the issue :).

Would you be able to help me with the code for the mobile footer logo size of this site please:

www.abodestudio.com.au

Thank you

1 hour ago, michaelpga said:

Thank you @tuanphan, we resolved the issue :).

Would you be able to help me with the code for the mobile footer logo size of this site please:

www.abodestudio.com.au

Thank you

Try the Custom Css

@media only screen and (max-width: 767px) {
  footer .sqs-image-shape-container-element {
    padding-bottom: 40% !important;
  }

  footer .sqs-image-shape-container-element img {
    max-width: 30% !important;
    height: auto !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
}

My result