Welcome User
Login
Register
mega menu responsive
Sophia Jain
HTML
CSS
JS
Preview
Mega Menu
Toggle navigation
BRAND LOGO
HOME
CONTACT US
SERVICES
Features
Auto Carousel
Carousel Control
Right Navigation
Four Columns Grid
Plus
Navbar Inverse
Right Elements
Coloured Headers
Primary Buttons
Much more
Easy to Customize
Calls to action
Custom Fonts
Slide down
CONTACT US
WHATS NEW
Create Mega Menu
body{ background-image: radial-gradient(circle, #f48cd0, #e080d8, #c577e2, #a071ed, #686ff6); } .navbar .navbar-default { border: 0; border-radius: 0; margin-bottom: 0; background:#fff; } .navbar .navbar-default .navbar-toggle { margin-top: 32px; } .navbar .navbar-default .navbar-brand { height: auto; padding: 22px 15px 15px; } /*Mega Menu Css*/ .mega-dropdown { position: static !important; } .mega-dropdown-menu { padding: 0; width: 50%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } @media screen and (max-width: 970px){ .mega-dropdown-menu { padding: 0; width: 70%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } .mega-dropdown-menu > li > ul { padding: 0; margin: 0; } .mega-dropdown-menu > li > ul > li { list-style: none; } .mega-dropdown-menu > li > ul > li > a { display: block; padding: 10px 5px; border-top: 1px solid #ca7167; color: #4a4a4a; /*font-family: RadikalW01_Black_bold;*/ /*text-transform: uppercase;*/ } .mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus { text-decoration: none; } .mega-dropdown-menu .dropdown-header { font-size: 18px; color: #b80303; padding: 0; line-height: 30px; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ color: #f45541; background-color: rgba(231, 231, 231, 0); } /*End Mega Menu Css*/ @media only screen and (min-width: 768px) { #main-menu.navbar-default { background: #eee; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; } #main-menu.navbar-default .navbar-nav > li > a { padding-top: 5px; padding-bottom: 5px; border-radius: 20px; margin:27px 0; font-size:16px; font-family: 'Roboto-regular'; font-weight:normal; } #main-menu.navbar-default .navbar-nav > li.active > a, #main-menu.navbar-default .navbar-nav > li.open > a, #main-menu.navbar-default .navbar-nav > li:hover > a { background: transparent; border-top: 0 solid #b80303; color:#4c4c4c; } #main-menu.navbar-default .dropdown-menu { padding: 0 5px; min-width: 220px; margin-right: 10px; background-color: rgba(234, 235, 241, 0.9); border: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #main-menu.navbar-default .dropdown-menu > li { /*border-left: 3px solid transparent;*/ /*margin-left: -20px;*/ padding-left: 17px; -webit-transition: border-color 400ms; transition: border-color 400ms; } #main-menu.navbar-default .dropdown-menu > li > a { border-top: 1px solid #404455; padding: 15px 0; color: #eeeeee; } #main-menu.navbar-default .dropdown-menu > li:first-child > a { border-top: 0; } #main-menu.navbar-default .dropdown-menu > li.active, #main-menu.navbar-default .dropdown-menu > li.open, #main-menu.navbar-default .dropdown-menu > li:hover { border-left-color: #b80303; } #main-menu.navbar-default .dropdown-menu > li.active > a, #main-menu.navbar-default .dropdown-menu > li.open > a, #main-menu.navbar-default .dropdown-menu > li:hover > a { color: #b80303; background-color: transparent; } }
View Another Modules
Validation Registration Form
Validation Registration Form
JavaScript Captcha
JavaScript Captcha
Registration Form
Registration Form
Filter Search Data
Filter Search Data
Dropdown Menu
Dropdown Menu
Code Editor
Code Editor