My header logo is not resizing in mobile view template.

SOLVED
Go to solution
Sims-Lohman
Participant

My header logo is not resizing in mobile view template. In mobile view it is enormous. Anyone have a fix for this?

1 ACCEPTED SOLUTION
William_A
Moderator

Hello @Sims-Lohman ,

 

Thank you for reaching out to the Community. When it comes to mobile displaying of images, mobile email apps will always try to show images as big as they can, based on their metadata original size. This is standard practice across the industry. To mitigate this, you may wish to resize your image in the image editor to the exact dimensions you're needing. If your image is larger than 480px wide, then it will fill up the full width of the email, so you'll want to set your exact sizing to be smaller than that. I'd recommend locking the resolution before adjusting the dimensions, to ensure they stay at the same ratio.

Another potential option is to get your image with plenty of blank/white space on the sides. This could potentially allow your image to display as expected in the desktop view, and cause the mobile view to keep the actual logo at a more reasonable size. You could even potentially accomplish this just by inserting the logo into your email, taking a screenshot with the excess whitespace on the sides, then using that screenshot instead.


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
William A
Community & Social Media Support

View solution in original post

2 REPLIES 2
William_A
Moderator

Hello @Sims-Lohman ,

 

Thank you for reaching out to the Community. When it comes to mobile displaying of images, mobile email apps will always try to show images as big as they can, based on their metadata original size. This is standard practice across the industry. To mitigate this, you may wish to resize your image in the image editor to the exact dimensions you're needing. If your image is larger than 480px wide, then it will fill up the full width of the email, so you'll want to set your exact sizing to be smaller than that. I'd recommend locking the resolution before adjusting the dimensions, to ensure they stay at the same ratio.

Another potential option is to get your image with plenty of blank/white space on the sides. This could potentially allow your image to display as expected in the desktop view, and cause the mobile view to keep the actual logo at a more reasonable size. You could even potentially accomplish this just by inserting the logo into your email, taking a screenshot with the excess whitespace on the sides, then using that screenshot instead.


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
William A
Community & Social Media Support
user399959
Occasional Participant

Good day!
I have a similar situation.
Thanks, for your advice.
They helped me personally.

  • Avatar

    Support Tips

    Social Media

    "There's a multitude of ways to engage your audience through us using your social platforms - via ads, social post metrics, email links, and more! " - Will

    See Article
  • Avatar

    Support Tips

    Call-To-Action Links

    "Target your most engaged contacts by creating a segment. Create a special offer or show your appreciation!" - Caitlin

    See Article
  • Avatar

    Support Tips

    Welcome Your Audience

    "Greet new contacts with one or more automated Welcome Emails depending on their interests or your business goals." - Nick

    See Article