How to make a div stay fixed with CSS translate

I have a mobile menu that "pushes" the content to the right when it is opened. The problem is that the visitor can "drag" the content due to "translate". I would like to make the content stay fixed. Without the user dragging, activating and deactivating the menu through the button only as already configured.

@media (max-width: 979px) {
  body.open-menu-left .page-content {
    -webkit-transform: translate3d(-260px, 0, 0);
    transform: translate3d(-260px, 0, 0);
  }