Skip to content
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

Using the default behaviour for navbar on responsive #125

Open
groovemen opened this issue Sep 26, 2018 · 0 comments
Open

Using the default behaviour for navbar on responsive #125

groovemen opened this issue Sep 26, 2018 · 0 comments

Comments

@groovemen
Copy link
Contributor

groovemen commented Sep 26, 2018

Hello guys,

If you want to set for your project the default behavior for the navbar when it opens on responsive, you have to make the following changes:

  • in material-kit.js file, please erase/comment the following function: $(document).on('click', '.navbar-toggler', function() {...} from the line 330 -> 369

  • in _responsive.scss file please erase/comment the style for the .navbar-collapse {...} from the line 31 -> 113

  • in your HTML files you have to set for the navbar-toggler button a data-target="#yourID", also for the navbar-collapse div set an ID (id="yourID") that will be related to the navbar-toggler.

  • ** the have a white background for the navbar-collapse like in the example below, you have to erase the navbar-transparent class from the navbar.

ezgif com-video-to-gif 1

All the best,
Stefan

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant