I would like to change the hamburger icon (toggler icon), but I can’t get it to work cleanly. I would like to have something like this:
Can someone help me with a code snippet that fits for bootstrap? And if possible, does anyone know a site where there are more Bootstrap toggler examples with code?
And last but not least. How do I have to do it if I want to put a SVG graphic for “normal” and “hover” instead of SVG code there?
One small improvement could be add .navbar-light to the classes .navbar-toggler-icon and then dubblicate the classes and change the .navbar-light to .navbar-dark, and change the background-color to a light color on the .navbar-dark .navbar-toggler-icon classes , then your CSS will work for both dark and light navbar when one change the text-color in the options panel for the navbar
Wow, great, that works out beautifully. Thank you so much.
Can you guys help me out again? How do I make it so that when I click on the toggle, the background of the whole browser window is black, and the menu items are centered in height?
Thanks to @kuligaposten for cleaning up my css to make the dropdown transition a lot smoother, Version 2 is now available on the online library: Animated Toggle NavBar BS5 V2
One little point: When i will Expand the navbar on -lg and above, the background is black and the navbar is horizontal centered too. Is there a possibility to combine e solution vor expanded and not exanded?