WordPress.org

Support

Support » Themes and Templates » DevDmBootstrap3 » [Resolved] how to have drop down on hover for main menu

[Resolved] how to have drop down on hover for main menu

  • hi there
    can you tell me how to have the child elements appearing on hover for the main menu? at the moment they only appear on click and i need them to appear on hover.
    many thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author DevDm

    @devdm

    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);

    });

    perfecto! thanks so much 🙂

    Wow, awesome! I am new to wordpress & also rather unfamiliar with PHP and JQuery. could you tell me how to implement this? my site is at:

    http://www.augustamerealestate.com/home-alt/ . I am using a child theme of your theme.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Resolved] how to have drop down on hover for main menu’ is closed to new replies.
Skip to toolbar