FAQ

Welcome to the vue-burger-menu wiki!

---

How to customise icon position for small screen (mobile)? Detail question

For easy solution you can set position with respect to media screen size like

@media screen and (max-width: 40em) { .bm-burger-button { left: 6px; top: 6px; } }

I have tried it. Now, it looks better. (https://codesandbox.io/s/n3m0zx1zwp) In App.vue

Or hide it for non zero window position or unhide it for a while if currentY position decrease on onscroll event.(means scroll UP)

What would you recommend the best way is to override or change the css?

you can simply try by adding style to your component in which you are importing "vue-burger-menu". if this does not work for you try adding style in mounted function. If not working for you, open an issue.