Docs

[nawilkes]

http://www.hq-law.com/

In my Main Nav, if I hover over “Attorneys,” then hover over “Madison,” a column of child items appears at right. When I move the cursor towards the child items, however, the secondary child items column often disappears when I reach the right edge of the first column (the boundary between the two columns). This doesn’t always happen, but I imagine many users have difficulty making the transition from the first column to the next. Is there any way to improve this transition so the second child item column does not disappear as quickly/easily?

Nick

[Rad]

Hi there,

Thanks for posting in.

The hover only applies to an item, like <li> and <a>, the gap is outside the boundaries of these elements due to your custom CSS.

Please change this existing CSS,

#top-menu li li {
    margin: 0;
    padding: 0 20px;
}

to this,

#top-menu li li {
    margin: 0;
    padding: 0 20px;
    width: 100%;
}

Hope this helps.

[Author]

Posts