Forum Discussion
How do I make an email template mobile responsive?
I created an email template using the Blank Template option. It looks great on desktop but terrible on mobile devices.
I looked under the email settings page, but I do not see an option to make it...
MetroBOS this is for an HTML template, correct? You need to add a media query to your CSS to define classes that will inform the parameters and values for your design on mobile, if they're any different than what you've set for desktop.
In most cases, setting the width to 100% and the font size to a proper mobile device size should do the trick.
Sorry, I should have clarified. This was created using the Drag and Drop Editor option, not the HTML Editor option.
It'd be hard to say without looking at the actual template.
In the Drag & Drop Editor, when you switch to mobile preview, you have the option to adjust the padding for mobile devices only, if that's breaking the design. It could also be the image width that's breaking it - try setting it to full width on mobile on all images, and go from there.
I just tried creating a blank template with a bunch of different blocks and it's responsive by default. I haven't changed any of the values on the email settings page.
