-
Notifications
You must be signed in to change notification settings - Fork 37
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
Multiple navbars collapse #120
Comments
More research, it is not the toggling/collapse functionality. That works fine. |
That's not a thumbs-up! Keep in mind , no blaming here, it is only a report. what you made together is real cool. |
Hello @osc2nuke, I tried to fix this bug but there are many things to change for having two or more navbars on the same page and open separately. We will prepare and fix this issue for the next bug; I just sent you an email with the details. All the best, |
Has this issue been resolved? I am still experiencing the problem with expand/collapse behavior of multiple navbar instances on the same page as described by @osc2nuke. |
Hello @anthologyweb, Thank you for your interest in working with our products, if you want to have multiple navbars on the same page, you have to change our navbar behavior so you got to make some changes. So, follow the next steps: • replace the material-kit.js file with this one: • replace the assets/scss/material-kit/_responsive.scss file with this one: • for the main navbar, you have to set this class: .main-nav and for the navbar-toggler button you have to set this ID: id="main-nav" like this:
**don't forget to recompile the scss after these changes! All the best, |
When require 2 navbars the data-target is not respected for the collapse
navbar 1 uses default:
data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown"
with the collapse element:
<div class="collapse navbar-collapse" id="navbarNavDropdown"></div>
navbar 2 uses default:
data-target="#menuDropdown" aria-controls="menuDropdown"
with the collapse element:
<div class="collapse navbar-collapse" id="menuDropdown"></div>
The same "problematic" behavior can be seen on the demo pages when view the page in tablet/mobile viewport.
Even that the demo navigation bars have their own id's.
Always the First navbar will be toggled, this is really really bad for me.
https://demos.creative-tim.com/material-kit-pro/docs/2.0/components/navbar.html#color-schemes
The text was updated successfully, but these errors were encountered: