Support » Themes and Templates » Gap between nav bar and submenu

  • Resolved Winterlily


    I’m running twentyten (using a slightly modified child theme). I reduced the height of the main nav bar from 38px to 30px, which I thought looked cleaner. Problem is that now there is a gap between the nav bar and the sub menu box so you cannot access the sub menu at all because your cursor leaves the nav bar, hits empty space, and makes the sub menu disappear! I haven’t a clue how to fix this. I tried increasing padding in the submenu, which not only looks ridiculous but didn’t work to get rid of that gap anyhow. (I put that padding back to default.)

    How can I keep the nav bar at 30 px but not have that gap?

    I’m new to CSS – so if you could tell me exactly what I need to change or add and where to put it, I’d really appreciate it! Thanks so much.

    Site is not finished yet but is at

Viewing 2 replies - 1 through 2 (of 2 total)
  • in your style.css find the section
    #access ul ul li {
    min-width: 180px;
    margin-top: -8px;

    around line 424 and add margin-top:-8px (to compensate the 8px you reduced) as I put above. Let me know if there are any other problems.

    Perfect! Thank you SO much udaraaka!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Gap between nav bar and submenu’ is closed to new replies.