Advice: Image resizing issues on mobile devices

www.pentatonicmarketing.com

How do I resize images for display on a mobile device. My company logo renders at a very small size when viewed on a phone. The two logos displayed in the footer render at an unusually large size when viewing on a phone.

The issues does not occur when viewing on a laptop or tablet.

Any advice gratefully received - thanks

Chris

My website has two small logos in the footer. When viewed on a mobile device

You want

• Increase mobile logo size
• Decrease mobile footer logo size

Is this right?

I'm having a similar issue.  The image I'm placing appears small on a desktop but renders very large on mobile. As you can see on the images below, it renders small on the desktop but rather large on mobile.

11 hours ago, Angela.me said:

I'm having a similar issue.  The image I'm placing appears small on a desktop but renders very large on mobile. As you can see on the images below, it renders small on the desktop but rather large on mobile.

If you share site url, we can help easier

On 1/13/2022 at 2:16 AM, tuanphan said:

If you share site url, we can help easier

Sure, but I've deleted the Partner images altogether now (Charlie Weisinger, photo, text, logos) due to non-participation.

However, the same Trusted Partner logo is at the top of the page and displays as a large image on mobile.

https://www.lossoflifeadvocates.com/san-antonio

On 1/15/2022 at 12:45 AM, Angela.me said:

Sure, but I've deleted the Partner images altogether now (Charlie Weisinger, photo, text, logos) due to non-participation.

However, the same Trusted Partner logo is at the top of the page and displays as a large image on mobile.

https://www.lossoflifeadvocates.com/san-antonio

You mean Texas & Lola images? Add to Design > Custom CSS

/* mobile antonio resize images */
@media screen and (max-width:640px) {
div#block-54b25d57d5a3da5c44c6 {
    width: 50%;
    margin: 0 auto;
}
div#block-yui_3_17_2_1_1642004097030_359101 {
    width: 50%;
    margin: 0 auto;
}
}

1 hour ago, tuanphan said:

You mean Texas & Lola images? Add to Design > Custom CSS

/* mobile antonio resize images */
@media screen and (max-width:640px) {
div#block-54b25d57d5a3da5c44c6 {
    width: 50%;
    margin: 0 auto;
}
div#block-yui_3_17_2_1_1642004097030_359101 {
    width: 50%;
    margin: 0 auto;
}
}

 

I wish I understood how to do this.  Thank you!