Twenty Ten navigation menu, last item dropping down outside of browser view.

  • _ze

    (@_ze)


    14 years ago

    I am using another theme, but using the Twenty Ten navigation menu. One menu item has ten child items, each with child items of their own. The items at the bottom of the last parent menu item are being displayed below the page fold, and therefore not viewable at most popular screen resolutions.

    Is there a way to have the child menu items toward the bottom of the browser pop their child items up, rather than down?

    I’m sure my explanation is a bit hard to follow, so here is the site. The menu item in question is Locations > Tarrant County. 8 child menu items of Tarrant County should be displayed.

Viewing 1 replies (of 1 total)
  • stvwlf

    (@stvwlf)

    Yes, but its not going to give you the result you think it is as some of the nav will be invisible above the top of the site. If you want to see what I mean change top: in the CSS section below from 38px to -370px.

    My suggestion is consider making that one dropdown two columns wide – change the UL below to double its present width (about 380px). Then you will have two columns side by side thus it will be shorter. Your third level dropdowns will need adjusting if you do that but it accomplishes what you are after as far as being above the fold.

    style.css (line 546)

    #access ul ul {
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    left: 0;
    position: absolute;
    top: 38px;
    width: 180px;
    z-index: 99999;
}

Viewing 1 replies (of 1 total)
  • The topic ‘Twenty Ten navigation menu, last item dropping down outside of browser view.’ is closed to new replies.