Heading Text keeps wrapping on smaller browsers

Site URL: https://rhombus-earthworm-fsz3.squarespace.com/config/help

I am trying to prevent some text (Heading 2) from wrapping when the browser window is smaller.

I have entered 3 sub-headings, or taglines to my homepage and I don't want them to wrap when browser window size reduces.  I entered them as three separate text blocks because otherwise the words align weirdly when on mobile setting.  Also, I want to have big gaps between each word.

Any ideas?

Hi,

Add to Design > Custom CSS

h2, h2 * {
	white-space: nowrap !important;
}

Perfect, thank you so much!

Lucy