Say "Hello!"

  • This field is for validation purposes and should be left unchanged.

Center sub menu navigation under parent


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$(document).ready(function (){                
    $('#menu-main > li').hover(
    function(){
        $subMenu = $(this).children('#menu-main > li > .sub-menu');
        $B = $(this).width();
        $A = $(this).children('#menu-main > li > .sub-menu').width();
        $C = ($A - $B);
        $D = $C/2;
        $(this).children('#menu-main > li > .sub-menu').dequeue().stop().show().css({'marginLeft': -$D + 'px'});   
        //console.log($D + 'px');  
    },
    function(){
        $(this).children('#menu-main > li > .sub-menu').dequeue().stop().hide();
    });
});

Back to Snippets Follow me on GitHub

Ashley Cameron logo
Blog