title: Hide content based on height change
body: <p>Initially, my header takes the single-line form:</p>
  
  <p>Title &bull; Description</p>
  
  <p>When the width is decreased, I'd like it to display as two-lines, without the bullet point:</p>
  
  <p>Title<br>
  Description</p>
  
  <p>I've searched, and can't find the the most elegant/generally accepted way to do this. There doesn't seem to be any way to track a height change without additional libraries, which are not preferred. We do have jQuery to work with though.</p>