Support » Theme: Twenty Eleven » hoover color doesn;t cover whole menu item

  • Hi,
    First time creating my own theme.
    Created a child theme.
    Using Twenty Eleven as the parent theme.
    I changed the size of the navigation menu to 29 px.
    Found documentation to use the hoover control when mouse placed over menu items.

    Problem: when you hoover over the menu item, the hoover color only covers about 80%. I need to keep the navigation height at 29px for this project.

    Also I am trying to make the menu items font bold and I do not ger any results.

    I am including my CSS for the child theme.

    The website link is:

    Theme Name: Twentyl Eleven Child
    Description: Child Theme for the Twenty Eleven theme
    Author: Paul Miller
    Template: twentyeleven

    (optional values you can add: Theme URI, Author URI, Version)

    @import url(“../twentyeleven/style.css”);

    #access {
    background: -moz-linear-gradient(#252525, #0A0A0A) repeat scroll 0 0 transparent;

    #access {
    background: none repeat scroll 0 0 #26639E;

    #access li {

    #access ul {
    font-size: 12px;
    //font-size: 1.0em;

    #access a {
    height: 29px;


    #access li:hover > a,
    #access ul ul :hover > a,
    #access a:focus {
    background:#3884CF; /* changes bg color of drop-down menus that have the mouse over them */
    color: #ffffff;/* changes text color when moused over */

    #access div {
    margin-left: 29px;


Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Andrew Nevins


    Front-end developer

    Thought about adding a margin bottom value of zero to the <li>?

    Moderator Jose Castaneda



    I want to say that it is the height of the anchor link ( #access a ) that is not set properly. You want it to be 37px. So line 32 would read:

    #access a { height: 37px; }

    And you can remove the margin-bottom from line 22. 🙂 Hope it helps a little.

    To Andrew Nevins and Jose Castandeda.

    I tried both, but it made no difference.
    Thank you, I appreciate how fast you guys responded.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘hoover color doesn;t cover whole menu item’ is closed to new replies.