So I posted before but couldn't narrow down the issue to share the right bit of code - now I'm sure it's the font.
I've been building an email and using base code for a brand that I always use, and suddenly it's displaying weird on iphone 12 and prior. Today i went back to the start, customised everything and checked each time and all was fine until I corrected the font to Montserrat in the head (i'd just missed a '}' or ';', i forget which when i first added it) then the whole template became left aligned on renders/testing.
Am i adding it wrongly, or is there another way to do it i just don't know that works for ios? Here's a snippet of code, I've also specified it throughout the template as well. It changes the font perfectly, but it also seems to throw off the entire alignment of everything else as well when added like this - but remove it from the code below and we're golden.
</style><style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Montserrat'); @media only screen and (max-width: 480px) { .container_table {width: 100% !important;} .footer { width:auto !important; margin-left:0;} .content-padding{ padding:4px !important;} .mobile-hidden { display:none !important;} .logo { display:block !important; padding:0 !important;}