Center sub menu navigation under parent

by Ashley N Cameron

Published: Dec 11, 2012

About a 1 minute read

"The art of living… is neither careless drifting on the one hand nor fearful clinging to the past on the other. It consists in being sensitive to each moment, in regarding it as utterly new and unique, in having the mind open and wholly receptive."

Alan Watts


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

    });

});