Header Information

Begin by adding the following text to bottom of the <head> tag:

<link href="css/_dropdown_scroll.css" rel="stylesheet">
<script type="text/javascript" src="dropdown_scroll.js"></script>
<!--- Begin IE Fix for Drop Downs --->
<!--[if lte IE 7]>
   <style type="text/css">
      #priNav li ul {
         left: 0px;
      }
   </style>
<![endif]-->

Make sure to modify the location and upload the .css and .js files to their correct respective locations for the client's website.
You can find the files in the Template Folder in Web Production.

priNav Data

Sadly, we cannot just drop the scroll feature into the dropdown menu. Maybe one day we will, but at the moment, we must actually replace the entire navigation code.

While it is very similar, there are a few additions that requireed a CSS overhaul (and which are found in the dropdown's css files). This is why priNav2 exisits in the code instead of the normal priNav.

You can find the dropdown code in the Web Production Drive. The file is named "dropdown_code.html" - copy all of it and replace the ALL of the prinav (if there is one).