CSS Adjustment To Make It Work With Fixed Position Element

Problem/Motivation

This is just a suggestion to make this module more flexible against other element, especially which has "position: fixed".

I have an element that has "position: fixed" that didn't work after installed this module (the element became stuck in a position instead of fixed to bottom), so I have to adjust the CSS to this. Maybe this could help others, although I would like to open to better suggestion especially if this approach will become issue.

body > .mm-page.mm-slideout {
  transform: none !important;
}
.mm-wrapper--opened > .mm-page.mm-slideout {
  -webkit-transform: translate3d(var(--mm-translate-horizontal),0,0) !important;
  transform: translate3d(var(--mm-translate-horizontal),0,0) !important;
}

Thanks