Help preventing text wrap on a heading on mobile

Hi! I am trying to prevent text wrap on a specific title in mobile. See image below - I want it as ONE LINE, not two.

I tried this CSS, but doesnt work. help?

@media screen and (max-width: 767px) {
  #block-yui_3_17_2_1_1701560489330_14673 .sqs-block .sqs-block-content {
    white-space: nowrap !important;
  }
  }}

website: gtmenabler.com

password: password

Hi @Jl87 you are not targeting the correct element. You need h3.

@melody495 Thank you! I got this online so dont know CSS personally. Can you elaborate on what to put in the CSS to fix? thank you!

16 hours ago, Jl87 said:

@melody495 Thank you! I got this online so dont know CSS personally. Can you elaborate on what to put in the CSS to fix? thank you!

Hi, I'm not at my laptop so apologies for the poor formatting. 

See purple highlight, the first is your block ID, the second is the element where your text is, which is h3.

So keep your code the same, just update the selectors following your block ID to be h3 instead.

Like below, so replace ".sqs-block .sqs-block-content" with "h3"

#your_block_id h3 {

}