Media queries are used to make your email templates responsive. They allow for different content to get rendered based on certain conditions, such as screen size. In Sendwithus, media queries have to go into their separate style tags. See the example below:
<style media="screen" type="text/css">
body {
width: 75%;
}
</style>
<style media="only screen and (max-width: 650px)" type="text/css">
@media only screen and (max-width: 650px) {
body {
width: 90% !important;
}
}
</style>
<style media="only screen and (max-width: 480px)" type="text/css">
@media only screen and (max-width: 480px) {
body {
width: 100% !important;
}
}
</style>
If your emails continue to be unresponsive, contact support@sendwithus.com and we’d be happy to help!