
1
[Google Inbox] Unwanted Right Margin on Fluid/Responsive Emails.
Hello commmunity!
Anyone having Right Margin problems on 100% fluid layouts for the new Google Inbox?
Hello commmunity!
Anyone having Right Margin problems on 100% fluid layouts for the new Google Inbox?
Yes, we just noticed this happening with our newsletter. When the browser is resized the right margin/side bar in Gmail clips our email. It's the same scenario regardless of browser or screen size - tested this in Gmail mailbox on Google Chrome, Firefox and Safari with the same results. if the email is viewed online and the browser resized, responsive and fluid emails resize with no problem. This only seems to be an issue in the Gmail inbox. Any insight on this issue would be much appreciated.
I have this problem when I add {table-layout: fixed;} style to my tables. So if you wipe it out, it might help.
After a quick inspect on G-Inbox (Webapp)...
There is a wrapper DIV, class="bG", that adds 60px of margin-right. How can we target that if it wont accept head styles?
Maybe set a max-width for the fluid email?
I think thats exactly whats causing the problem. Here is our last campaign:
https://litmus.com/scope/n723pjxvwmxj
It's more that the visible area within Inbox is slightly less than what it appears to be. A max-width should fix it. Maybe set it to be a percentage?