title: CSS transform not working on mobile
body: <p>I have a hidden cart and menu, which are fixed divs positioned with CSS transforms to be off screen.</p>
  
  <pre><code>.cart-slide{
    position:fixed;
    top:0;
    bottom:0;
    overflow-y:scroll;
    overflow-x:hidden;
    padding:20px 40px;
    right:0;
    width:40%;
    transform:translate3D(100%, 0, 0);
  }
  .cart-open{ 
      .cart-slide{
      transform:translate3D(0, 0, 0);
      }
  }
  </code></pre>
  
  <p>They work fine on desktop and on google device mode, but when loaded on a mobile the transforms don't work which leaves the div permanently covering the screen. Is there a way to fix this?</p>