Different font size for mobile and destop

[Simplinote]

Hello, I want a different font size in all of my store for desktop and phone. How can I code or do that?

[Moeed]

Hey @Simplinote 

Could you please provide your Store URL and, if applicable, the Password too? Also, please share a screenshot of what you want to change the font size of. Your cooperation is greatly appreciated!

Best Regards,
Moeed

[Simplinote]

My store url is http://simplinote.com and the password is 5547

[Simplinote]

• my store url is https://simplinote.com and the password is 1Papa2Mama3Johannes

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[Simplinote]

My store url is http://simplinote.com and the password is 5547, thank you so much 

[Simplinote]

So I had to change the password, now it is 3948

[Simplinote]

Hello ZestardTech, are you still there? Can you please help?

[PageFly-Noah]

Hi @Simplinote 

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
html,body, * {
font-size: 25px !important;
}
@media screen and (max-width: 767px){
html,body, * {
font-size: 15px !important;
}
}
</style>

Note: You can change the value to match with your style

Hope this can help you solve the issue 

Best regards,

Noah | PageFly

[Simplinote]

Thank you so much! I will let you know if I madd it happen😊😊

[Simplinote]

Hello, so i truid this, and it is working, but now all of the headlines are extremely small. Can you please help me find a solution for this?

[PageFly-Noah]

Hi @Simplinote Please replace the code above with this new one, and you can change the value of the size for your headlines

<style>
html,body, * {
font-size: 25px !important;
}
html,body, h1,h2,h3,h4,h5,h6 {
font-size: 30px !important;
}
@media screen and (max-width: 767px){
html,body, * {
font-size: 15px !important;
}
html,body, h1,h2,h3,h4,h5,h6 {
font-size: 20px !important;
}
}
</style>