Aligning my navigation menu

  • I can’t quite work out what is wrong with my navigation menu. (www.childslt.org.uk)

    On the drop-down menus the text doesn’t align in the middle of the box for some reason (vertically). I have fiddled around with the CSS but can’t quite work out what I am doing wrong.

    Also when I hover the blue hover colour is just a little bit higher than the menu is. Just a couple of pixels.

    Can anyone help with the CSS code needed to fix this.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Your #access a line-height is set to 3.333em, which is rather wide, but leaving that as it is, try adding these lines to the end of style.css:

    #access ul ul a { padding-bottom: 35px; }
#access ul ul { top: 42px; }
#access a { padding: 0 1.2125em 8px 12px; }
#access { height: 45px; }
    Thread Starter kumquat_s

    (@kumquat_s)

    I’ve done that but it has just made the menu really fat. I preferred it when it was thinner.

    Then, adjust the #access a line height and the various px values to get it where you want it.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Aligning my navigation menu’ is closed to new replies.