Increase menu width jquery css

1

Speak up! :) Great, I downloaded a jquery menu from the link . I thought it was really cool. but I can not in any way increase the width of the menu. I have already altered all of the css and jquery, badly when I increase in css the ".pushy" that this 200px to 300px it leaves the screen. Pow, thank you so much for being able to help me. abs!

CODE: link

    
asked by anonymous 14.12.2016 / 16:57

1 answer

2

You have to increase the width of the menu for as much as you want, but you should put the same menu size in translate.

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

.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);
}
    
14.12.2016 / 17:08