/* adds some margin below the link sets */
.idm-navbar.navbar .dropdown-menu div[class*="col"] {
margin-bottom:1rem;
}
.idm-navbar.navbar .dropdown-menu {
border:none;
}
.idm-navbar.navbar-dark .navbar-nav .nav-link {
color: #ffffff;
}
.idm-navbar.navbar-dark .navbar-nav .nav-link:focus, .idm-navbar.navbar-dark .navbar-nav .nav-link:hover {
color: #f1815e;
}
/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
/* remove the padding from the navbar so the dropdown hover state is not broken */
.idm-navbar.navbar {
padding-top:0px;
padding-bottom:0px;
}
/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
.idm-navbar.navbar .nav-item {
padding:.5rem .5rem;
margin:0 .25rem;
}
/* makes the dropdown full width */
.idm-navbar.navbar .dropdown {position:static;}
.idm-navbar.navbar .dropdown-menu {
width:100%;
left:0;
right:0;
/* height of nav-item */
top: 95%;
}
/* shows the dropdown menu on hover */
.idm-navbar.navbar .dropdown:hover .dropdown-menu, .idm-navbar.navbar .dropdown .dropdown-menu:hover {
display:block!important;
}
.idm-navbar.navbar .dropdown-menu {
border: 0px solid transparent;
background-color: #fff;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-radius:0px;
}
}
$(document).ready(function() {
// executes when HTML-Document is loaded and DOM is ready
// breakpoint and up
$(window).resize(function(){
if ($(window).width() >= 980){
// when you hover a toggle show its dropdown menu
$(".navbar .dropdown-toggle").hover(function () {
$(this).parent().toggleClass("show");
$(this).parent().find(".dropdown-menu").toggleClass("show");
});
// hide the menu when the mouse leaves the dropdown
$( ".navbar .dropdown-menu" ).mouseleave(function() {
$(this).removeClass("show");
});
// do something here
}
});
// document ready
});