Font Size on mobile Gmail app

Hello goodweather

Thank you for contacting Woo support.

Could you share a few screenshots of your phone?
I want to see how it appears.

Also, may I ask which phone are you using?
I will try to simulate the same screen settings and check how the emails are appearing.

Looking forward to your response. ??

Best regards.

Hello Zubair,

thank you for your response.
I am using iphone 13, but I was able to replicate this also using browser dev tools (chrome) on my laptop – you just need to simply login to gmail and then use developer tools with (i guess) any mobile Dimensions setting. Gmail will switch to mobile version.

Here are 2 examples of this behaviour:
Example 1:
Default message view in gmail mobile app: link
Revert auto-sizing view in gmail mobile app: link
Example 2:
Default message view in gmail mobile app: link
Revert auto-sizing view in gmail mobile app: link

By “revert auto-sizing” I mean first option from menu which is placed next to “reply” arrow in message view.

I also need to mention that second view is desired when auto-size feature is off. Gmail sometimes call it “original message” (when used above developer tools on desktop view).

Any insight will be helpful here.

Thanks

• This reply was modified 10 months ago by goodweather.

Hello goodweather,

Thank you for your reply.

If you wish to change the default font size of the email header then you will need to add this PHP snippet to your site.

add_action('woocommerce_email_header', 'add_css_to_email');

function add_css_to_email() {
echo '
<style type="text/css">
#header_wrapper h1 {font-size: 12px !important;}
</style>
';
}

You can change the value 12px in font-size: 12px as per your needs.
I suggest using the Code Snippets plugin to add this PHP snippet to your site.

If you are not comfortable with code, then I will recommend consulting a web developer.
Please make sure to create a full backup of your website before making any changes.

Here are a few screenshot for your reference:

Please don’t hesitate to contact us again if you have more questions or concerns.
We are here to help ??

Best regards.