Issue with responsive email design

Hope this is the correct place to post this..

I'm trying to have two situations:Full Size and

I am using Cerberus Fluid as my template.

My issues right now are having a background image for full size as well as a different image for mobile, I get a strange layering effect when it switches the right side below the left side of the table (stacking). My second issue is getting the Contact information to appear next to the photo rather than below.

Codepen Code

zerocents zerocents, 3 years ago

Change this:

td[class="hh-force-col-left"] {
    display: block !important;
    width: 100% !important;
    clear: both;

Remove the background image and color. On the parent td, you can add a class and change the background image to something else.

.your-background-image-class {
    background-image:url( !important;
<td style="background:url(;background-color: #005883;border-bottom: 1px solid #e5e5e5;" class="your-background-image-class">

Michael Muscat
josephhart, 3 years ago

AH! Of course, many thanks! This worked great for the images switching.

Any idea how I could get the contact information to switch being next to the image when it moves down?

See why 200,000 companies worldwide love Campaign Monitor.

From Australia to Zimbabwe, and everywhere in between, companies count on Campaign Monitor for email campaigns that boost the bottom line.

Get started for free