-
Notifications
You must be signed in to change notification settings - Fork 4.7k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
#sidenav-overlay showes up above .side-nav #2879
Comments
Hi @ezkay same occurs here so i just called open and close programatticaly: |
@ezkay overide side-overlay z index in your own css file |
That's not the best approach, modifying css is not encouraged, especially when you have other widgets on the screen such as FAB buttons. Anyway the issue persisted even though the z-index on layover is 998 and the menu 999 |
z-index: 996 works perfectly |
Thanks for both suggestions! The following worked for me. #sidenav-overlay { |
I had the same problem, and after digging around I realized that if you put the .side-nav inside of the .navbar-fixed component the z-index for .navbar-fixed will override the one set on .side-nav. I fixed this without messing about with the css by moving the .side-nav component out of the .navbar-fixed one. The lesson learned here is even if you aren't using the .navbar-fixed class, it might be some other parent causing your z-index to be wrong on the .side-nav. Hope this helps! |
@xylude's fix worked for me - far better than overriding the z-index in CSS (which didn't work in 0.98.0 anyway). This should maybe referred to in docs. |
I would never recommend to change the z-index. When using the fixed navbar you have to move the mobile sidenav outside the nav sector. Anyway. This is a duplicate to #3844. Please close or create a PR that fixes this issue. Thanks :) |
@xylude's fix worked for me too, thx a lot! So shouldn't they update their materializer's documentation and mention this case of figure when people use the navbar or sidenav component? |
Hi,
the
#sidenav-overlay showes
up above the slide out.side-nav
(see screenshot).I'm wondering how to fix this? Is it the right way to just set the following css?
The text was updated successfully, but these errors were encountered: