How can I adjust font size for mobile view on Dawn theme?

Hello, I’m trying to figure out how to edit the section that says “Grantham Apothecary” at the top of my website page. On a desktop view, it looks fine but on a mobile view (see picture) the “y” is underneath. I would like to make the font smaller so it all fits on one line but I can’t figure out where to edit this? Please help!

Hey @crystalgrantham .

Thanks for reaching out.

I appreciate that you have let us know which theme you are using and including a screenshot, as that is very helpful! Looking into the options available using the Dawn theme, we can navigate to the Theme Editor and select on the Theme Settings. This will then allow us to make changes to the typography for your online store, we can attempt to reduce the size of the text to see if that allows the header to display correctly. I took a screenshot from my test store to show you the section I am referring to:

If you have reduced the size of the headings text and you are still seeing this issue with the header text size. We will need to manually change the coding in order to have the font reduced to fit. Since the Dawn theme is designed and supported by Shopify, we can use free design time for Shopify themes to allow our internal team to make the changes on your behalf.

If you are interested in using the design time, you will need to login to your store using our Contact Us page. This will allow us to securely verify you as the store owner before speaking directly with a Support Advisor about the changes you would like to see.

Let me know if you have any questions.

1 Like

Thank you so much for your help! I wasn’t able to make the font smaller, however, I was able to choose a different font that fit all of the letters on one row. Thanks again!

1 Like