Mobile font size issue - Product Page product names and price suddenly too big

[HelenaFisher]

Hi there,  my product names on my product pages have suddenly become slightly too big on mobile view only. 

Can anyone help me work out how I can find reduce them slightly and test out a couple of sizes? I can't amend it on my overall theme typography settings (headings/body set to minimum 100%).  I wonder if I need to tweak some code but not sure where, hoping someone might know.  

Site is www.cheerings.co.uk  Thank you for any thoughts in advance!

[loyalty-wizard · Accepted solution]

Hey! I had a look at your store - Could you try the following and report back?

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

@media screen and (max-width: 749px) {
  .product__title {
    font-size: 14px; /* Adjust this value to your preference */
    line-height: 1.2; /* adjust line height for your desired spacing */
  }
}

[HelenaFisher]

Thank you, I think that worked I really appreciate your help. I couldn't work it out!