Keeping text over image to one line on mobile devices.

Site URL: https://toughglassworx.com.au/

Hello,

When our site is viewed on mobile devices the text that hovers over the image sometimes spreads across two lines.  Is there a code that automatically resizes the text hovering over images to resize to fit on one line on mobile devices only?

Thanks for your help.

Add to Design > Custom CSS

@media screen and (max-width:767px) {
body.homepage .design-layout-inline h2 a {
    font-size: 26px;
    white-space: nowrap !important;
}
}

Thank you!