WEBLEB
Home
Editor
Login
Pro
English
English
Français
Español
Português
Deutsch
Italiano
हिंदी
navigation menu
1066
ledoc
Open In Editor
Publish Your Code
Recommended
30 November 2024
Coreboot Nav Menu
10 September 2024
Menú de navegación mágica
21 October 2024
Dropdown Menu Effects
HTML
Copy
Navbar
Home
Features
Pricing
Disabled
CSS
Copy
.navbar-collapse { position: absolute; top: 0; left: 0; right: 0; height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; background-color: #3e4149; } .navbar-toggler, .navbar-brand { z-index: 1; } .navbar-brand { font-size: 1.8em; } .navbar-toggler:focus { box-shadow: none; } .navbar-collapse .nav-link { font-size: 1.5em; letter-spacing: 2px; color: #fff; } .navbar-collapse .nav-link:hover, .navbar-collapse .nav-link.active { color: darkseagreen; } .nav-item:not(:last-child) { border-bottom: 1px solid gray; padding: 0.2em 4em; } @media screen and (min-width: 768px) { .nav-item:not(:last-child) { padding: 0.5em 8em; } } .navbar-collapse.show { transition: all 0.5s; }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */