Current Navigation

  • Resolved mcasdorph

    (@mcasdorph)


    13 years, 9 months 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.

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

  • 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”

    Thread Starter mcasdorph

    (@mcasdorph)

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

    .current-menu-item {

    }

    or

    #menu-top .current-menu-item {

    }

    or would it work either way?

    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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Current Navigation’ is closed to new replies.