In materializecss, how to open the slide-out menu from right rather than default left?

Question

In materialize CSS, the hamburger menu is on left by default. I changed the CSS and achieved it to right.But on clicking, the side-nav still slides out from left. I referred the

Answer 1

I've made you a fiddle here http://jsfiddle.net/8tw2u80q/3/. Hope this helps you.

  $('.button-collapse').sideNav({
      menuWidth: 300, // Default is 240
      edge: 'right', // Choose the horizontal origin
      closeOnClick: true // Closes side-nav on  clicks, useful for Angular/Meteor
    }
  );

You need to set edge: right.