Align text for-mobile devices

[tam1445]

Is there a way to adjust mobile styles so that specific text is left-justified on desktop but centered on mobile devices?

I'm trying to do this for the blue copy in this email:

http://info.6monthsmiles.com/-temporary-slug-27a3d667-167c-49a9-a0fe-9810d15a1a88?hs_preview=OEDMDNw...

thanks!

[Reg · Accepted solution]

You would need to add a media query and a class to the text you want centered. You can add the class by clicking the cog to edit css declarations and add it to the custom css class box.

For example the media query would look like this:

<style>

@media screen and (max-width:479px) {

.centered-mobile p{

text-align:center;

}

}

</style>

In this example any paragraph tags within the class .centered-mobile will be center aligned on devices smaller than 479px.

Cheers,

Reg