vue-burger-menu icon indicating copy to clipboard operation
vue-burger-menu copied to clipboard

How to use width: 100% after click open menu?

Open ddiegommachado opened this issue 7 years ago • 3 comments

How to use width: 100% after click open menu?

ddiegommachado avatar Nov 26 '18 15:11 ddiegommachado

It currently only supports pixel width. I've added the ability to use percentages and some other improvements on the pull request I have open on #35 if you want to take a look.

ptdev avatar Nov 28 '18 01:11 ptdev

Is there any way it can depend on viewport width?pixel width doesn't seem like a responsive solution.

ihojmanb avatar Dec 07 '18 22:12 ihojmanb

I noticed that when the menu is opened, the class bm-overlay is added to the body. You can use this to change the width of the menu (class .bm-menu) manually, for example:

body {
  &.bm-overlay {
    .bm-menu {
      width: 100% !important;
    }
  }
}

pierotrigoso avatar Mar 13 '19 04:03 pierotrigoso