How to reduce the size of the rich text header on mobile in Dawn theme

Store Design
1

Hi, I’m using Dawn theme and when viewing my site on mobile the rich text header (medium sized) is too large and spills over two lines (see attached image). How can I reduce the size of the header without effecting the desktop version?

I’m new to shopify/code but I have already altered some of the themes code, so not completely new to it now.

The site is https://bakedintheshire1.myshopify.com/

password: baked

Thanks!!

2

Hi @Timoth ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-rich-text.css->paste below code at the bottom of the file:
@media (max-width: 749px) {
.rich-text__blocks .h1 {
    font-size: 24px !important;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.