[resolved] Gap between nav bar and submenu (3 posts)

  1. Winterlily
    Posted 3 years ago #

    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 http://www.tinyfaces.com

  2. udaraaka
    Posted 3 years ago #

    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.

  3. Winterlily
    Posted 3 years ago #

    Perfect! Thank you SO much udaraaka!!

Topic Closed

This topic has been closed to new replies.

About this Topic