Merge pull request #954 from mailpoet/android-gmail-fix

Hide preheader in gmail on android [MAILPOET-802]
This commit is contained in:
stoletniy
2017-06-22 12:50:42 +03:00
committed by GitHub

View File

@ -45,10 +45,25 @@
.mailpoet_header_footer_padded {
padding: 10px 20px;
}
@media screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1) {
/* https://www.emailonacid.com/blog/article/email-development/tips-for-coding-email-preheaders */
.mailpoet_preheader, .mailpoet_preheader * {
display: none;
visibility: hidden;
mso-hide: all;
font-size: 1px;
color: #ffffff;
line-height: 1px;
max-height: 0px;
max-width: 0px;
opacity: 0;
overflow: hidden;
}
@media screen and (max-width: 480px) {
.mailpoet_button {width:100% !important;}
}
@media screen and (max-width: 599px) and (-webkit-min-device-pixel-ratio: 1) {
@media screen and (max-width: 599px) {
.mailpoet_header {
padding: 10px 20px;
}