Hi Guys & Gals,

I've run into an issue and would appreciate any insight or assistance. Here's the quick overview... my top navigation menu consists of two page links and two category links. One of my top-tier categories (let's call it "Regions") contains 15 sub categories ("Zones"), and each of these second-tier "Zone" categories have another 10-15 child categories ("Markets").

The problem is that whenever I hover over one of the lower "Zones", the list of "Markets" is cut-off by the footer because there isn't enough screen space to display them all.

Rather than having to rely on the search field or clicking through category links to find these third-tier links, I would like to have the drop-down reverse to display bottom-up or align-middle from the second-tier parent whenever the list of items is long enough to exceed the viewable window boundary.

From what I've read, it seems that this can be accomplished by defining a viewportWindow with jQuery? I've looked through the custom.js and think I've sourced the menu dropdown behavior to the ul ".slideDown" argument in line 134, just not sure where to go from there.

Any thoughts?