How to make a div stay fixed with CSS Translate

Asked

Viewed 96 times

0

I have a mobile menu that "pushes" content to the right when it’s 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, enabling and disabling the menu through the button only as it is already configured.

inserir a descrição da imagem aqui

@media (max-width: 979px) {
  body.open-menu-left .page-content {
    -webkit-transform: translate3d(-260px, 0, 0);
    transform: translate3d(-260px, 0, 0);
  }
  • Is there any way you can replicate the code or make it available via fiddle or website (if you have) so we can test and stuff? It always helps ...

  • please provide the code so we can help.

  • @Bruno I tried to upload using Fiddle but the code gets completely strange.

  • This site is already online ? If so, pass the url on the question.

  • @Mastermindsgrp, try using a class in body for active/inactive menu and thereby define the behavior of other elements within it

  • @Bruno hosted it so you can take a look. Mastermindsgrp360.com

  • Has username and password for login ....

Show 2 more comments
No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.