Different font size for mobile and destop

Simplinote
Excursionist
40 0 3

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

Replies 11 (11)

Moeed
Shopify Partner
3697 932 1166

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

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Simplinote
Excursionist
40 0 3

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

Simplinote
Excursionist
40 0 3

ZestardTech
Shopify Expert
5395 971 1293

Hello There,

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

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Simplinote
Excursionist
40 0 3

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

Simplinote
Excursionist
40 0 3

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

Simplinote
Excursionist
40 0 3

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

PageFly-Noah
Astronaut
869 175 194

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Simplinote
Excursionist
40 0 3

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

Simplinote
Excursionist
40 0 3

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
Astronaut
869 175 194

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>

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.