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

[jeremymac]

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!

[PageFly-Noah · 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

[jeremymac]

This worked, thank you!

[PageFly-Noah]

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

[suyash1]

@jeremymac - can you please share blog post link?