CSS issue for current page/active

  • Ok guys i have a Css question for you.

    On my site i have chosen not to have a direct link to the blog in the header navigation. Instead i have split the blog into 2 categories, and those categories are Clients and News both of which i have links to in the header navigation.

    All works fine except, i can’t get the css current page indicator to work. The active selector works for all other pages but not for wordpress categories. Any suggestions to help out guys.

    Site is https://bit.do/5k2m

    Thanks

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

  • I just checked out your theme’s CSS and it looks like you would have to add the following to enable category links to display the active styles:

    .main-nav ul li.current-menu-item > a {
    border-bottom: 3px solid #00adef;
    color: #00adef;
    }

    You need to add some custom css to your theme – advisably via the use of a plugin.

    Something like this should do it:

    .main-nav ul li.current-menu-item a {
  border-bottom: 3px solid #00adef;
  color: #00adef;
}
    Thread Starter fameadvance

    (@fameadvance)

    That worked perfectly! thank you Creatrix
    You made my day!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS issue for current page/active’ is closed to new replies.

Tags