Re: How to Change Font Size for Mobile View Only? - Dawn Theme

Solved

How to Change Font Size for Mobile View Only? - Dawn Theme

jeremymac
Excursionist
16 0 3

Hello, I would like to change the font size & h2 font size for my blog posts on mobile view only. I am using Dawn theme. How can I do this? Thanks!

Accepted Solution (1)

PageFly-Noah
Shopify Partner
1317 233 268

This is an accepted solution.

Hi @jeremymac 

 

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>

{% if template contains 'article' %}
@media screen and (max-width: 767px){
h1{
font-size: 30px !important;
}
h2{
font-size: 28px !important;
}
}
{%endif%}

You can change the value of the 30/28px to any size you want

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.

View solution in original post

Replies 4 (4)

PageFly-Noah
Shopify Partner
1317 233 268

This is an accepted solution.

Hi @jeremymac 

 

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>

{% if template contains 'article' %}
@media screen and (max-width: 767px){
h1{
font-size: 30px !important;
}
h2{
font-size: 28px !important;
}
}
{%endif%}

You can change the value of the 30/28px to any size you want

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.

jeremymac
Excursionist
16 0 3

This worked, thank you!

PageFly-Noah
Shopify Partner
1317 233 268

Glad that i can help. Let me know if you have any questions

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.

suyash1
Shopify Partner
9578 1197 1537

@jeremymac - can you please share blog post link?

Support me | To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.