Heading in contact box element overflows

nikovainio

Hi!

At https://www.hinaustohonen.fi/yhteystiedot/I noticed that in mobile view the heading in contact box overflows:

Is there way to prevent this?

Thanks in advance!

Phil

Hi,

You can either decrease the font size on mobile view:

Or use the following CSS code to break the word:

@media only screen and (max-width:767px){
 .get_in_touch .title{
   word-break: break-word;
 }
}

This CSS should be placed in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

nikovainio

Okay, thank you!