I developed Reactive Web App.
I set it to Layout Side Menu and now I can't click on the menu on my phone.
When the Layout Side Menu comes up, it turns a little black and is not clickable.
I don't know the cause of the problem, what is the solution?
I found the problem
Is here
The overlay must be outside at the same level of the nav element
Like this
Now its doing the right overlay
Regards,
Márcio
Can you share an OML?
What may be happening is you have a pointer-events none or a z-index, not sure, but I am sure you have an overlay even on the menu and that's not what you want. But you can do your own inspect and try to find out. But if you can please, share your OML, I can't replicate the bug.
But try to put this on your theme.
.menu-visible .app-menu-overlay {
opacity: 1;
pointer-events: auto;
-webkit-transition: opacity 330ms ease-out;
-o-transition: opacity 330ms ease-out;
transition: opacity 330ms ease-out;
}
.app-menu-overlay {
background-color: rgba(0, 0, 0, 0.25);
height: 100vh;
left: 0;
opacity: 0;
pointer-events: none;
position: fixed;
top: 0;
-webkit-transition: opacity 130ms ease-in;
-o-transition: opacity 130ms ease-in;
transition: opacity 130ms ease-in;
width: 100vw;
will-change: opacity;
z-index: 104;
Thanks, Marcio.
I applied CSS and it did not change.
I am developing with Service Studio for MAC and I don't know how to export OML files.
Márcio Carvalho, sorry for the late reply.
I now understand how to export OML files.
Here it is.
Thank you for finding the cause.
Indeed, the container was inside the nav element, so I fixed it to the outside and that solved it!
We will mark this one as resolved.