| |

Primary menu auto padding

	jQuery( '.nav-primary .menu' ).children().each( function( index ){ 
		jQuery( this ).children().not( 'ul' ).css({ 'float': 'left', 'padding-left': '0', 'padding-right': '0' }); 
	});  
	jQuery( '.nav-primary .menu' ).css({ 'float': 'left' });  
	setTimeout( function(){
		var wrap_width = jQuery( '.nav-primary .wrap' ).width();
		var menu_width = jQuery( '.nav-primary .menu' ).width();
		var remainder_width = parseInt( wrap_width ) - parseInt( menu_width );
		var count_child = jQuery( '.nav-primary .menu' ).children().length * 2;
		var menu_padding = ( remainder_width / count_child ) - 0.02;   
		jQuery( '.nav-primary .menu' ).children().each( function(){  
			jQuery( this ).children().not( 'ul' ).animate({ 'padding-right': menu_padding+'px', 'padding-left': menu_padding+'px' }, 300);
		});
	}, 900 ); 

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *