CODEWITHSUNDEEP
css
Siva Subramaniyan
Siva Subramaniyan

Reputation: 1

Media-queries not working newsletter letter template

I have set body background color using media query but Media query not working my newsletter template design. could you please solve this issue.

sample html:

 @media only screen and (max-width: 480px) {
            .body1{background: red!important;}
}
<table cellpadding="0" cellspacing="0" width="100%" class="body1" style="border:none !important;background: #e4e3e3;">
 <tr>
  <td style="border:none !important;padding-left: 25px; padding-right: 25px; padding-bottom: 0px;">
<h1>Welcome Zeeapp</h1>
</td>
</tr>
</table>

Upvotes: 0

Views: 71

Answers (1)

PRADEEP GORULE
PRADEEP GORULE

Reputation: 159

use below css just remove the in-line css of table and add below code 

<style type="text/css">
     @media only screen and (max-width:600px) {
            .body1{background: red;}
}
table{
     border:none ; background: #e4e3e3; 
}
</style>

Upvotes: 1

Related Questions