I am trying to add some responsive classes to my menu caption so I can hide parts of them depending on the browser width.

Example 'News<span> & Publications</span>'

I want the full title to show when viewed on desktop but only the word 'News' when viewed on anything smaller.

The problem is that it renders the html as text, so the title shows the code.

Thanks for any help.