Using only <style>
instead of <style type="text/css">
and putting each media query in it's own <style>
so that it would strip just the ones that had problems.
Thank you so much for all your help! I finally have my code completely responsive for Gmail now. What a great way to end 2016!
Ah! Thank you! I have each one in a separate <style>
and it only stripped bbpadding and and backcolor. Still not sure why it is though.
update
Yea, I didn't have them completely closed.
Hi Nicholas and Leo,
I already went through and removed all attribute selectors and thought that I fixed any possible mistakes but it is still stripping it. Thanks for the idea, I will be doing that next.
I posted the CSS that I was using to test below.
Update
It stripped every single style tag out still.
Hi Rémi!
Thank you for responding. I am using both my work email (Google Work apps) and personal email (Inbox) and both are stripping my style. I just checked and I don't have any special characters and even removed all attribute selectors. I will read through all the linked information, thank you for posting them.
Here is a sample of the CSS that I have tested.
<style type="text/css">
@media only screen and (max-width : 600px) {
.hide {
display: none !important;
visibility: hidden !important;
overflow: hidden !important;
height:0px !important;
width: 0px !important;
}
.bbpadding {
padding: 10px !important;
}
.backcolor {
background-color: #309 !important;
}
.changesize {
font-size: 16px !important;
}
}
</style>
Started a new discussion: At My Whits End with Gmail!
A mailing I tested yesterday on Inbox was semi responsive. It put my 3 col layout into 2 col and looked nice, but it still is not changing the font size for mobile. The GMail app however still doesn't do anything responsive from what I can tell. I was coming on the forum to see if anyone else was seeing the promised responsiveness and I was just missing something in my code.
I see that your <span class="notifications"> is not closed. and your have a style attribute align that is not where it should be. Try removing from the style tag and adding the attribute align="center".
Instead of:
<td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #E9EFEE;width: 1px; align: center;"> </td>
Try:
<td class="border" align="center" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #E9EFEE;width: 1px;"> </td>