Hover does not work over navigation link text

  • Thanks for any help with this maddening issue.

    I’ve created a custom theme and the main nav link hovers work fine, except if you hover where the text is – then they fail. So you can hover the edges of the buttons and they work, but if your mouse is over the text, they fail.

    These hovers work fine when just HTML+CSS, but problems started when I applied my code to a blank theme.

    Here is the site: https://atlantis.cse.kau.se/~mediastudent1/wordpress/

    And here is the CSS I am using for my links:

    [CSS code moderated – a link to your site is enough to access the stylesheet]

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

  • Hi!

    The issue is because this line of code:

    <div class="description">Just another WordPress site</div>

    Is overlapping your navigation text. Using firebug I removed the description div and the nav functions as you want.

    You need position that element so it isn’t overlapping your navigation, hide it using CSS (display:none) OR removed it out of your theme’s code. Then it will work appropriately.

    -Lindsey

    Thread Starter lupo99

    (@lupo99)

    Lindsay, thanks a million! I hope I can return the favor some day.

    Here’s what I added to my style.css to fix it:
    #header h1 {display: none;}

    I already had a text-indent:-9999px; but I think that was still interfering with the hover. From now on I will lean more towards the visibility option.

    I need to be more patient with Firebug, and feel around more – to find those hidden elements that WordPress adds.

    -Brad

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hover does not work over navigation link text’ is closed to new replies.