Hide images on mobile

  • 1
  • Idea
  • Updated 7 months ago
  • Not Planned
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members. The community moderator provided the following reason for archiving: EOL CLEANUP

It would be great to have an option in images to hide them on mobile. Any thoughts?
Photo of Andy

Andy

  • 21 Posts
  • 4 Reply Likes

Posted 4 years ago

  • 1
Photo of Katie Lewis

Katie Lewis, Official Rep

  • 3414 Posts
  • 309 Reply Likes
Hi Andy! Thanks for this idea. I chatted with our Editor Team’s product owner, and we haven’t heard this request before. I’d love to hear from you how you’d use a feature like this.

It isn’t planned for now, but we’re keeping an eye on this thread to see how many others weigh in and click to show their support. :)
Photo of Andy

Andy

  • 21 Posts
  • 4 Reply Likes
Thanks Katie. Example would be if you have some pieces of "flair" that will simply get in the way in a mobile layout. Or if you just want your mobile layout to be more simple and to the point.
Photo of Andy

Andy

  • 21 Posts
  • 4 Reply Likes
And an opposite feature would be to *show* on mobile and hide on desktop. Perhaps a header image with small text in it for desktop, and a header image that's much more simplified on mobile.
Photo of Katie Lewis

Katie Lewis, Official Rep

  • 3414 Posts
  • 309 Reply Likes
Since you’re an agency with our tool Template Builder, have you considered using this to code in your hidden/displayed images? You could use the class/ID .mobile-hide in either the td or image tag in the code. We also have a mailing sharing tool I could turn on for you to code individual mailings. Would you want to give that a go?
Photo of Bethany Woerner

Bethany Woerner, Champion

  • 40 Posts
  • 19 Reply Likes
Katie, am I able to add the .mobile-hide class to a [% block type="image" %]? If so, how?
Photo of Grey Stepp

Grey Stepp, Support Team Manager

  • 1700 Posts
  • 135 Reply Likes
Hey Bethany, I BELIEVE that what Katie was suggesting there was that it could be done for a hard-coded image, not for an image block.  She's no longer with the company (hence no reply)... perhaps someone else out there knows.  I'll check in with some folks and see if I'm right on that.  
Photo of Grey Stepp

Grey Stepp, Support Team Manager

  • 1700 Posts
  • 135 Reply Likes
Hey Bethany, I confirmed with one of my more code-savvy colleagues here that that is correct.  You can really only do that on hard-coded images, not on editable image blocks.  
Photo of Bethany Woerner

Bethany Woerner, Champion

  • 40 Posts
  • 19 Reply Likes
Gotcha. That's what I figured, but I wanted to be sure. Thanks so much for looking into it and following up Grey! I appreciate it.
Photo of Andy

Andy

  • 21 Posts
  • 4 Reply Likes
I'd love to be able to code individual mailings. Thanks!
Photo of Katie Lewis

Katie Lewis, Official Rep

  • 3414 Posts
  • 309 Reply Likes
Andy, I’ve added the mailing sharing tool to your account. To get there, click Menu, choose Assets and then click the Campaigns tab. And have fun! :)
Photo of Andy

Andy

  • 21 Posts
  • 4 Reply Likes
I ended up creating a blank template using the template editor, which includes your mobile classes. Now any image I want to hide I add the .mobile-hide class in the html drag and drop element. Works great! Thank you.

Now, if you can just enable classes for drag n' drop images... ; )

Photo of Katie Lewis

Katie Lewis, Official Rep

  • 3414 Posts
  • 309 Reply Likes
Glad to hear that’s working for you! I’ll keep you posted about the drag & drop image hiding. :)
Photo of Brand Innovation Group

Brand Innovation Group

  • 3 Posts
  • 0 Reply Likes
Running into another issue where I would *love* to be able to apply an Emma class to images using the drag and drop.

Our campaign needs side images (background) to hide on mobile. I've used the HTML block and it's applying a height around the images and creating a gap below them (images are 143 tall, but the containing rows and table is 146 tall).

In another part of the email I am using the drag and drop for images, and the height issue doesn't occur.

So..if I could use the drag and drop for images, and apply a class to each one, I would be at peace....