Recommand · October 22, 2021 0

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!