Twenty eleven Customized nav bar won't work properly

  • Resolved ag-alva

    (@ag-alva)


    10 years, 3 months ago

    Hi There!

    I’m using on one of my sites a twenty eleven Child theme,
    i customized the nav bar so it will show a white background and kind of purple text color and hover effect, changed the line height and i’ve realized that when the window browser is set to full size the mouse hover don’t really starts the hover effect when the mouse is positioned in just on top of the text margin but a little bit underneath….
    and when the window is set to a middle media query (lets say 1200px width )the hover effect sometimes don’t happen at all and the links are therefore not clickable….

    any helpfull ideas??

    link to my site:

    https://www.pruebadegato.esy.es

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

  • The problem is that the site description DIV is still on the page. Even though there’s no content to it, there’s still a margin property set, so it still takes up some space. It partially covers up the top half of the menu, which is why it seems like the mouse pointer doesn’t activate until it reaches the bottom of the menu item.

    To fix, add this rule to the end of your child theme’s style.css file:

    #site-description {
   display: none;
}

    Thread Starter ag-alva

    (@ag-alva)

    oh man i thought it was a menu bar issue…. i forgot i moved the hole hgroup to include the logo in the page and didn’t thought about the description div!

    thank u very much crouchingBruin!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Twenty eleven Customized nav bar won't work properly’ is closed to new replies.