Hide text content of heading from inspect element

I’m fairly new to Web Design, and am building a site that contains a heading that is hidden unless the window is a certain size via @media. However, this is completely useless since via inspect element you can see the content of the heading. I’ve tried obfuscating and encrypting the code, and I now know there isn’t a way to hide your source code. My question however is, since I only want to hide the content of a single heading is there anyway that can be done - perhaps by linking to the text somehow? I wish to keep the ability to inspect element on the page - I’ve seen methods that just disable right click. Thank you everyone that replies!