I did not encode this email. This is an older mailer that needs to be updated because the mobile batch version is no longer displayed on mobile devices and instead the desktop version is displayed side by side. When you view the online version on your phone, it will open with the correct mobile ad.
This only happens in the Gmail app. All other mobile apps are displayed correctly.
Please help!
96
@media screen and (maximum width: 599px)
{
.laybytable1 {
Display: Block! Important;
width: 300px! important;
Height: 265px! important;
}
.laybytable2 {
Display: Block! Important;
width: 300px! important;
Height: 265px! important;
}
}
.preheader {
Display: none! important;
Visibility: hidden;
Opacity: 0;
Color: transparent;
Height: 0;
Width: 0;
}
img {
height: car;
}
Body {
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
Font family: Arial, Helvetica, sans serif;
Edge: 0;
Padding: 0;
}
on {
Color: # 000;
}
a: hover {
Color: # 1079bf;
}
Table {
Edge distance: 0;
}
table td {
Border collapse: collapse;
}
a (x-apple-data-detectors) {
Color: inherit! important;
Text decoration: inherit! important;
Font size: inherit! important;
Font family: inherit! important;
Font size: inherit! important;
Row height: inherit! important;
}
.columns-container {
Width: 100%
}
.column-image {
Width: 100%;
}
@media only screen and (maximum width: 600px) {
* (class = "hide") {
Display: none! important;
}
* (class = "center") {
Align text: center! important;
Width: 100%! important;
height: car! important;
}
table (class = "container") {
Width: 100%! important;
}
table (class = "col-2") {
float: none! important;
Width: 100%! important;
Upholstered floor: 10px;
}
table (class = "col-3") {
float: none! important;
Width: 100%! important;
Edge Floor: 12px;
Upholstered floor: 10px;
}
table (class = "col-4") {
Swimmer: left! important;
Width: 50%! important;
Edge Floor: 12px;
// padding-bottom: 10px;
Edge: 1px fixed # 707070! important;
}
Table (id = "last-col-3"),
Table (id = "last-col-4") {
Bottom edge: 0;
Edge-down: 0;
}
td (class = "force-col") {
Screen lock;
Fill up right: 0! important;
}
td (class = "logo") {
Screen lock;
Fill up right: 0! important;
Width: 100%;
Text orientation: center;
float: center;
}
td (class = "header-col") {
Screen lock;
Upholstery: 20px! important;
Width: 100%;
Align text: right;
float to the right;
}
td (class = "header-col-instore") {
Text orientation: left;
Screen lock;
Upholstery: 0! important;
}
td (class = "mobile-padding") {
Upholstery: 0px! important;
}
td (class = "align-center") {
Align text: center! important;
}
div (class = "mobile-remove-padding") {
Upholstery: 0! important;
}
.mobile-remove-padding {
Upholstery: 0! important;
}
img (class = "banner-img") {
Width: 100%;
}
img (class = "hide") {
Display: none;
}
img (class = "center") {
maximum width: 180px;
Screen lock;
left-aligned: car;
right side: car;
}
img (class = "col-2") {
float: none! important;
Width: 100%! important;
Upholstery floor: 0;
}
hr (class = "hide") {
Display: none;
}
span (class = "fullwidth-mobile") {
Width: 100%;
}
.remove-mobile {
Upholstery: 0! important;
}
.mobile-full {
Width: 100%! important;
Screen lock;
}
mobile-padding-top {
padding-top: 15px! important;
}
.text-mobile-padding-left {
Upholstery: 0px 20px 0px! important;
}
.red-block {
padding-left: 15px !important;
padding-right: 15px !important;
}
.mobile-margin-bottom {
margin-bottom: 20px;
}
.mobile-block {
padding-left: 20px !important;
padding-right: 20px !important;
}
.grey-block {
padding: 40px 20px !important;
}
.footer-social-buttons {
width: 89%;
margin-left: auto;
margin-right: auto;
}
.last-menu-item {
display: inline-block;
margin-top: 14px;
}
.mobile-margin {
margin-left: 12px;
margin-right: 12px;
}
.mobile-remove-margin-top {
margin-top: 0 !important;
}
.grey-bar-right-padding {
padding-right: 12px !important;
}
.grey-bar-left-padding {
padding-left: 12px !important;
}
.remove-mobile-padding-top {
padding-top: 0 !important;
}
.column,
.column-top { float: left !important; width: 100% !important; display: block !important; }
}
@media screen and (max-width: 480px) {
table(class="col-2") {
float: none !important;
width: 100% !important;
padding-bottom: 10px;
text-align: center !important;
}
table(class="social-footer") p {
width: 100%;
}
td(class="left") {
text-align: center !important;
padding: 0;
}
td(class="right") {
text-align: center !important;
padding: 0;
}
td(class="container-padding") {
padding-left: 12px !important;
padding-right: 12px !important;
}
span(class="mobile-line-break") {
display: block;
}
img(class="col-2") {
float: none !important;
width: 100% !important;
max-width: 100% !important;
padding-bottom: 10px;
text-align: center !important;
}
.last-menu-item {
display: inline-block;
margin-top: 14px;
}
td(class="header-col") p {
font-size: 11px;
}
.copy {
width: 260px;
}
.mobile-font-size {
font-size: 13px !important;
}
.mobile-image-padding {
padding-left: 12px !important;
padding-right: 12px !important;
}
.mobile-align-left {
text-align: left;
}
.mobile-display-none {
display: none;
}
}
@media screen and (max-width: 320px) {
.footer-logos {
Width: 290px;
}
}
Opening text goes here.
%% DC :: DCLOGO :: DCLOGO %%
Hello %% TITLE %% %% SURNAME %%,
Please find yours Layby statement State: %% LAYBY_STATEMENT_DATE %%.
This is a summary of all current Laybys in.
SUMMARY
Customer Number:
%% LAYBY_NO %%
Layby limit:
%% CURRENCY %% %% LAYBY_LIMIT %%
Total outstanding balance:
%% CURRENCY %% %% LAYBY_BALANCE %%
Quantity for which you can use Layby:
%% CURRENCY %% %% LAYBY_OTB %%
PAYMENT OPTIONS
The following payment methods are available:
• Cash
• debit card
• Credit card
* Please note that Layby payments can only be made in the shop where Layby was initiated.
%% DC :: DCLOGO :: DCIMAGEANDLATESTLOOKS %%
E-mail: xxx | Tel: +27 21 xxx
© Copyright 2019 xxx. All rights reserved.
Headquarters address: xxx Headquarters number: +27 21 xxx
Our e-mail disclaimer is available online.
Did you forward this email from a friend? Subscribe for regular updates and updates from xxx.
Sign out