title: hide elements in responsive mode in large screen
body: <p>on this page: <a href="http://www.weddingpaperlove.com/bridal-shower-invitation-cards.php" rel="nofollow noreferrer">here</a></p>
  
  <p>in responsive view of 360×640
  I don't want the sidebar to appear or maybe appear in a click button like menu above as it is pushing the original content down
  see
  <a href="https://i.stack.imgur.com/0R2Dl.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0R2Dl.jpg" alt="enter image description here"></a></p>
  
  <p>I have tried</p>
  
  <pre><code>    visibility:hidden;
  </code></pre>
  
  <p>for this screen resolution but then just the text disappears and box remains there 
  see
  <a href="https://i.stack.imgur.com/gK2iC.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gK2iC.jpg" alt="enter image description here"></a></p>
  
  <p>any help is much appreciated!
  Thanks</p>