How can I adjust the Dawn theme font size for better mobile display?

Is there a way to make the sizes of the font shrink to fit the mobile display. for example, see below screenshot. It looks too big and disproportionate for a mobile view. Is there a way to get it to shrink when customers view on a mobile device

Thank you

My website page is https://tiffenyofficial.com/

Password is ‘pix’

Hi @Tiff0011 ,

Add this CSS code Online Store > Themes > Edit code > Assets > custom.css or theme.css

@media (max-width: 767px) {
  section#shop-categories .cat-box { font-size: 18px; }
}

@SmallTask Thank you. Will this also reduce the font of the hero banner and make the image more proportionate? I want this to apply to the whole home page not just the categories section