how to have drop down on hover for main menu

Hey Pipedragon!

I actually wrote a bit of jQuery to handle this.

jQuery(document).ready(function ($) {

//only enable drop down hover when the mobile menu isn’t displayed
var $window = $(window);

function checkWidth() {
var windowsize = $window.width();
if (windowsize > 767) {

$(‘.dmbs-top-menu .navbar-inverse .navbar-nav li’).mouseenter(function(){
$(‘ul’,this).stop().slideDown();
});

$(‘.dmbs-top-menu .navbar-inverse .navbar-nav li’).mouseleave(function(){
$(‘ul’,this).stop().slideUp();
});
}
}
// Execute on load
checkWidth();
// Bind event listener
$(window).resize(checkWidth);

});