title: How to push elements "off screen" using HTML and CSS
body: <p>I've been trying to design a mobile website and I have been using W3schools for guidance. I successfully implemented a simple side menu from W3Schools, however, when in mobile view it pushes an image below and not off the screen. </p>
  
  <p>How would I change this, as I want to push all contents of the div of screen and not squash them.</p>
  
  <p><a href="https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_sidebar_shift" rel="nofollow noreferrer">https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_sidebar_shift</a> - this is the example I am using. I want to push the car image off the screen and not shrink it.</p>
  
  <p>Thanks for any help, I appreciate it.</p>
  
  <p>Dean</p>