Skip to main content
July 21, 2017
Question

Snow Bunny Template Mobile Phone Rendering

  • July 21, 2017
  • 3 replies
  • 3832 views

Hi we put in a jpeg that has the Marketo recommended specifications into the Snow Bunny template  Hero Section. But on the mobile rendering it's cutting out the person in the photo. Any suggestions on how to fix this problem? Will Marketo let you upload one photo for desktop and a separate one for mobile?

Thanks for your help!

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

3 replies

July 21, 2017

@Josh Hill​

Any thoughts on this? Or any developers you know to direct us to?

Frank_Breen2
Level 8
July 21, 2017

Please share the code so we can debug and give a solution.

July 21, 2017

Brittany Brown​ can you past the code here

July 21, 2017
Content backfill required
July 21, 2017

@brittanybrown

Can you past the code here?

Frank_Breen2
Level 8
July 21, 2017

The way Marketo have developed this template, it's supposed to cut off the edges, if you change the css to make it fit full width, then it makes the height too small. I had a lot of problems with a similar template in Outlook when doing physical testing, I found my content was hidden if I didn't download images. I try and stay clear of background images in email altogether, they are not worth the hassle, although some people here may have better solutions, I tend to stick to solid background colors and add images in normally using <img tag. Marketo template lack a lot of physical testing, they developed most of them via Litmus testing but when you put them in the real world, cracks start showing, they are great start though.

One small note if you do develop it more, in your code you had:

background:${heroBackgroundImage}

but it should be:

background:url(${heroBackgroundImage})

and

background-image:${heroBackgroundImage}

should be

background-image:url(${heroBackgroundImage})