Safari IOS Font not Responsive?

Site URL: https://www.libeluladesol.cl/matrimonio-camila-y-matias-2021

Hi everyone!

First of all, sorry for my English!

Now, the question... I'm making one page, I thougth it look ok on mobile devices, and it is, except on Iphones...

This is how it should look:

And this is how it looks from an Iphone:

The word "Matías" is continuing down with a hyphen . I'm guessing it has to do with Safari? How can I solve it? I've tried with some something called viewport and others things I saw on internet, nothing really working...

https://www.libeluladesol.cl/matrimonio-camila-y-matias-2021

Pass: Gabriel2020

Thanks!!!

Try adding this to design -> custom css

@media only screen and (max-width: 400px) {
  #camila-y-matias h1 span{
    font-size: 20vw !important;
  }
}

28 minutes ago, rwp said:

Try adding this to design -> custom css

@media only screen and (max-width: 400px) {
  #camila-y-matias h1 span{
    font-size: 20vw !important;
  }
}

 

OMG this works amazing!!!! Thanks a lot!!!