Forums

Twenty Eleven Menu Hover Alignment (3 posts)

  1. Explorz
    Member
    Posted 4 months ago #

    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:

    http://truenorthalliance.com/blog/

    An Ideas?

  2. Explorz
    Member
    Posted 4 months ago #

    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;
    }

  3. esmi
    Theme Diva & Forum Moderator
    Posted 4 months ago #

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

Reply

You must log in to post.

About this Topic