Image Swap Options? Source Editor?

User 2806240 Photo


Registered User
1 post

Hey there. New to RED, currently evaluating...

I'm banging my head on this one. If I have an image and I want to swap it at a certain breakpoint, and have it degrade gracefully in Gmail and Outlook.com, how would I do that?

I've tried having two images/columns/rows (tried all three) and setting their "hide" properties accordingly on either side of a breakpoint, but you end up seeing both images/columns/rows in Gmail and Outlook.com because of their lack of media query support.

I thought about playing with the media query to do it outside of the GUI designer, something like:

@media screen and (max-device-width: 430px), screen and (max-width: 430px) {
#Img1 {content:url("http://www.domain.com/Mobile-case-studies-1.jpg") !important; }
}


...but it doesn't look like you provide a way to edit source or append to the generated style block. Any ideas?
User 2820720 Photo


Registered User
3 posts

I tried to do the same thing with text and couldn't get it working in those readers either. I think you're SOL if you need to be compatible with those platforms. I'd love to be wrong and for someone to verify though.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.