WV0
Media Query Issues
So I'm experimenting with some media query mobile changes, just wanting to see what happens when it goes down to Apple Watch size and for some reason adding the media query for the AW size (272px wide) isn't working with some of the stylings, mainly display none. For instance i'm trying to get a row to disappear that is present on iPhone 4/5 size and iPhone 6/6plus size but I don't want it on AW size but it won't go away. Any thoughts?
Does the Apple Watch actually display full HTML emails? I thought it would only display a plain text version.
Also, I was thinking about this the other day...the main point of the Apple Watch and Android Wear devices is purely as a notification device. You get a notification on your wrist and if it's something that needs more interaction other than dismissing, you'll likely do it on your phone.
Personally, I believe we're still a few years away from needing to worry about designing for wrist worn wearables (but agree that it's worth thinking about now and keeping an eye on their adoption/development!)
I'm sure you're right, i just wanted to play around with it.
Applying a
display:none;to a<tr>should do the trick. Do you have a code sample ? Also, on which email client are you seeing this not working ?It's not any specific client, i'm working in builder and it's just not responding to the thirst break point query i've put in place. Here's the sample code i'm working with. https://litmus.com/builder/75eddfb
In your code, you have an HTML comment inside your
<style>tag. Thus, the rest of the CSS after this comment is ignored. So you need to convert this HTML comment :…into a CSS comment :
And everything should be fine !
Wow. Haha, thanks! I didn't even notice.