Increase menu width jquery css

Question

Naughty personal talk! : ) Great, I downloaded a menu in jquery on https://github.com/christophery/pushy/. I found it really cool. but I can’t in any way increase the width of the menu. I’ve changed everything from css and jquery, but when I increase the css ". Pushy" that this 200px to 300px it comes off the screen. Pow, thank you very much who can help me. abs!

CODE: https://jsfiddle.net/r86a2yd1/

Answer 1

You have to increase the menu width to as much as you want, but you have to put the same menu size on Translate.

Where is 200px is the size of the MENU, has to be equal.

.pushy-left {
  -webkit-transform: translate3d(-200px, 0, 0);
  -ms-transform: translate3d(-200px, 0, 0);
  transform: translate3d(-200px, 0, 0);
}

.pushy-open-left #container,
.pushy-open-left .push {
  -webkit-transform: translate3d(200px, 0, 0);
  -ms-transform: translate3d(200px, 0, 0);
  transform: translate3d(200px, 0, 0);
}

.pushy-right {
  -webkit-transform: translate3d(200px, 0, 0);
  -ms-transform: translate3d(200px, 0, 0);
  transform: translate3d(200px, 0, 0);
}

.pushy-open-right #container,
.pushy-open-right .push {
  -webkit-transform: translate3d(-200px, 0, 0);
  -ms-transform: translate3d(-200px, 0, 0);
  transform: translate3d(-200px, 0, 0);
}