.menu-large { position: static !important; } /* https://www.codeply.com/go/Cd18yN4540/bootstrap-4-mega-menu-full-width */ ul.nav.navbar-nav { width: 100%; float: right; display: flex; justify-content: flex-end; } .megamenu { padding: 20px 20px; width: 100%; } ul.dropdown-menu.megamenu:after { content: ""; background: #000000f0; position: absolute; top: -10px; left: 0; width: 100%; height: 100%; } ul.dropdown-menu.megamenu { border-left: 8px solid #ed3833; } .megamenu > div > li > ul { padding: 0; margin: 0; } .megamenu > div > li > ul > li { list-style: none; } .megamenu > div > li > ul > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: normal; } .megamenu > div > li > ul > li > a:hover, .megamenu > div > li > ul > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .megamenu.disabled > a, .megamenu.disabled > a:hover, .megamenu.disabled > a:focus { color: #999999; } .megamenu.disabled > a:hover, .megamenu.disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); cursor: not-allowed; } ul.dropdown-menu a:hover{ background-color:transparent !important; } .megamenu a h6 { margin-top: 15px !important; } /* @media (max-width: 768px) { .megamenu { margin-left: 0; margin-right: 0; } .megamenu > li { margin-bottom: 30px; } .megamenu > li:last-child { margin-bottom: 0; } .megamenu.dropdown-header { padding: 3px 15px !important; } .navbar-nav .open .dropdown-menu .dropdown-header { color: #fff; } } */