[resolved] Current Navigation (4 posts)

  1. mcasdorph
    Posted 4 years ago #

    I'm not exactly sure what this is called but its when your navigation highlights a certain link (the page your on). For example if you were on the About page, about would be selected on the navigation as current page.

    I seen this done on all kinds of wordpress sites, but never knew enough about css to make something like that myself, I just recently made my first working css navigation which you can view here (its the top bar with red hover).

    I'd like to have the hover look as the "current" style also.

  2. Bill Erickson
    Posted 4 years ago #

    If you click on "Headlines" in your nav menu then view the source of that page, you'll see the class "current-cat" has been applied to this list item. You can use this to style the link.

    Up in the top nav, if you click a page you'll get the class "current-menu-item"

  3. mcasdorph
    Posted 4 years ago #

    so would it be like this for the top nav?:

    .current-menu-item {



    #menu-top .current-menu-item {


    or would it work either way?

  4. Bill Erickson
    Posted 4 years ago #

    You should a more specific style than that already applied to the element

    If you wanted to duplicate the hover state ( #top-menu-content ul li a:hover ), use this:

    #top-menu-content ul li.current-menu-item a

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.