WordPress.org

Ready to get started?Download WordPress

Forums

Nav Help: image for first level, text for second level (5 posts)

  1. difaye
    Member
    Posted 3 years ago #

    I have been trying several ways to have a first level of navigation using images (with rollovers using CSS) and a second level of dropdown menus using the text.

    Currently I have the first level nav with the images hiding the text with a span class that is set to display: none; in the css.

    Can anyone help with this?

    View site here:
    http://pennsylvaniacrafts.com

    The second level is showing up with the first level's image, confusing me even me further.

  2. esmi
    Forum Moderator
    Posted 3 years ago #

    Don't hide navigation link text using display:none. You're effectively hiding your top level navigation from a whole range of non-graphical user agents - including Google. Use a negative text indent or negative absolute positioning instead.

    You'll may then need to reset the styling for the second level links.

  3. difaye
    Member
    Posted 3 years ago #

    Good point. I read that this way allowed the search engines to find it, but it didn't make sense to me either.

  4. difaye
    Member
    Posted 3 years ago #

    The child page is still showing the parent page image as it's hover state.

  5. esmi
    Forum Moderator
    Posted 3 years ago #

    You need to reset the styling for the second level :hover status.

Topic Closed

This topic has been closed to new replies.

About this Topic