Contributor I

Solved

Optimizing custom HTML/CSS for mobile view

Forum|Forum|4 years ago
June 5, 2022
4 replies
989 views

Hey,

So I custom coded my email using HTML, but that code is not working out that well for the mobile version. Is there any way to custom code separately for the mobile version and the desktop version?

Thanks

This topic has been closed for replies.

Best answer by Dov

Hi @dhruvm,

Thanks for sharing this question with us.

Yes you can certainly custom code your template to optimize it for mobile. However, your custom solution may require additional assistance from a developer to ensure you have a mobile friendly view. If you do not have access to a developer, then please consider our robust community of partner agencies to assist with this. You can browse our Klaviyo Agency Directory to decide which option is best suited for you.

You can also use email preview services like Litmus or Email on Acid to see what your emails would look like on different platforms prior to sending

Additionally you may find the following guides helpful:

Troubleshooting Custom HTML, CSS & Javascript in Klaviyo emails

Optimizing emails for mobile

General templates doc

Thanks for being a member of our community.

DovAnswer

Klaviyo Alum

Hi @dhruvm,

Thanks for sharing this question with us.

Yes you can certainly custom code your template to optimize it for mobile. However, your custom solution may require additional assistance from a developer to ensure you have a mobile friendly view. If you do not have access to a developer, then please consider our robust community of partner agencies to assist with this. You can browse our Klaviyo Agency Directory to decide which option is best suited for you.

You can also use email preview services like Litmus or Email on Acid to see what your emails would look like on different platforms prior to sending

Additionally you may find the following guides helpful:

Troubleshooting Custom HTML, CSS & Javascript in Klaviyo emails

Optimizing emails for mobile

General templates doc

Thanks for being a member of our community.

DD

D

dhruvmAuthor

Contributor I

Hey,

So since I custom coded the desktop version by myself, how do I do it for the mobile version as well, since I don’t see any option specifically to code for the mobile view separately?

Thanks

Omar

2025 Champion

@dhruvm I think what @Dov is saying is that for an email to be mobile friendly you'd need to add the responsive version in the same code.

Just to make sure, when you say you custom coded the desktop version do you mean with html/css or using the klaviyo editor?

With Mobile being used the most I would advice to start with Mobile in mind first and then make a desktop version.

If you'd like to preview the mobile/desktop versions best is to use a tool like litmus and email on acid like Dov mentioned.

Hope this helps a bit.

Omar

Helping E-commerce brands maximize Lifetime Value & Profits with Klaviyo, CRO & CVO - Get your free Audit - https://link.polarisgrowth.com/free-audit

D

dhruvmAuthor

Contributor I

I mean I started with the Klaviyo editor and wrote some html/css there itself.

Is there any way to do mobile version separately now that I have done desktop first?

Thanks

Sign up

Use your Klaviyo credentials

Log in to the Community

Use your Klaviyo credentials