Remove Navigation Menu Slide-To-The-Right On Rollover

[Nicholas Minnich]

How does on get rid off this effect? I want to make my navigation items stay in the same place. Thanks!

[Bill Robbins]

Nicholas,

You can remove the sliding effect. Here’s how to do that:

1. Go to the appearance section of your WordPress control panel and select edit to open up the theme editor.
2. From the list of files on your right, choose custom-js.php and look for this spot:

   
   
   // navigation animation
   	var timer = 150; //time in milliseconds
         
   	$('aside.sidebar .menu li a').hover(function() {
   		$(this).animate({ marginLeft: '25px' }, timer);
         }, 
       function() {
           $(this).animate({ marginLeft: '0px' }, timer);          
       });
   

3. Delete that and save your changes.

That should remove the sliding effect from your navigation. If you have any trouble, let me know.

Thank you for your business,
Bill

[Author]

Posts