twenty ten background of navigation rollover not matching the bar height

  • Sticks101

    (@sticks101)


    11 years, 8 months ago

    Hoping somebody can help. If you look at http://shoveituprush.com/ it will be obvious that when the user rolls over a navigation link, the rollover is a couple of pixels above the navigation background which leaves a gap below the rollover. Below is the navigation css as currently set up, help is greatly appreciated.

    [CSS code moderated – no need to post css as this is accessible from the link to your site; for posting code in general see http://codex.wordpress.org/Forum_Welcome#Posting_Code ]

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 8 months ago

    1) display inline-block from your #access ul style.
    2) add padding-top: 1px; to #access.

    You have an excess of parent elements in your navigation.

    Thread Starter Sticks101

    (@sticks101)

    11 years, 8 months ago

    Thank Andrew, worked fine. You lost me a bit with mentioning excess of parent elements. I’m still trying to gain a better understanding of the parent child relationships in CSS.

    I do notice that even with the modification I still have space below the rollover. If you see this point would you be able to tell me what rule needs to be modified?

    Thanks again.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘twenty ten background of navigation rollover not matching the bar height’ is closed to new replies.