vue-burger-menu
vue-burger-menu copied to clipboard
How to use width: 100% after click open menu?
How to use width: 100% after click open menu?
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.
Is there any way it can depend on viewport width?pixel width doesn't seem like a responsive solution.
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;
}
}
}