search

negomi / react-burger-menu

:hamburger: An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations
http://negomi.github.io/react-burger-menu/
MIT License
5.05k stars 586 forks source link

Menu not sliding open on mobile #398

Closed VladimirNeri closed 4 years ago

VladimirNeri commented 4 years ago

Everything seems to be working on desktop devtools however when I open the app on mobile the menu doesn't slide open.

negomi commented 4 years ago

Hi @VladimirNeri,

Which animation, and which mobile browser are you seeing this in?

I just tested with the demo page on iOS Chrome and Safari and wasn't able to reproduce.

VladimirNeri commented 4 years ago

Hi,

It’s the Hamburger slide animation. Basically the menu isn’t sliding open on IOS Chrome or Safari. It looks fine on desktop but on mobile it’s kind of stuck. I think it slides open but behind the carousel. Here’s the link to the app…

https://vladimirneri.github.io/elemental/#/ https://vladimirneri.github.io/elemental/#/

Thanks in advance,

Vladimir Neri

On Sep 2, 2020, at 8:22 PM, Imogen notifications@github.com wrote:

Hi @VladimirNeri https://github.com/VladimirNeri,

Which animation, and which mobile browser are you seeing this in?

I just tested with the demo page on iOS Chrome and Safari and wasn't able to reproduce.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/negomi/react-burger-menu/issues/398#issuecomment-686226842, or unsubscribe https://github.com/notifications/unsubscribe-auth/AK7YDW7WW2OUFFJEBWCQR4TSD4DYTANCNFSM4QSIFM7Q.

negomi commented 4 years ago

Ah I see. There's a lot going on in your layout so it's hard to tell what's going on. I would start by removing/reordering some elements to see if you can get any closer to the problem.

VladimirNeri commented 4 years ago

I fixed it. I had overflow: hidden on my fixed navbar that was causing the problem.