Twenty Eleven Menu Hover Alignment

  • I made some margin changes to my menu to accommodate fitting a few more items across the menu before wrapping to a second line.

    But now the colored block that shows up when I hover over an item no longer reaches to the bottom of the menu.

    It looks like perhaps the text is not centered between the top and the bottom of the menu and that the hover block follows the text and therefore rides a little high.

    Not sure.

    Here is the site:

    https://truenorthalliance.com/blog/

    An Ideas?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Explorz

    (@explorz)

    Here are the changes I made:

    delete from
    #access { float:left; }

    add to
    #access { text-align:center; }

    add to
    #access ul { display:inline-block; }

    edit margin in
    #access div {
    margin: 0 0 0 0;
    }

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    https://getfirebug.com/

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Twenty Eleven Menu Hover Alignment’ is closed to new replies.