title: CSS translate X causes white space on right side of screen mobile
body: <p>I am using css translate to create a sidebar for my site. The problem is that after clicking the side bar, and collapsing it. It creates white space on the right hand side of the screen. This only happens on mobile devices.</p>
  
  <p>This project is written on React JS so no jquery fixes.</p>
  
  <p><a href="https://i.stack.imgur.com/AKugS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AKugS.png" alt="enter image description here"></a></p>