Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 9, 2016 at 10:18 pm #722626
    sky19er

    I’m having trouble targeting the menu item for single posts and archive pages so I can highlight it via css — you know, to show the user they’re still in the blog section when they’re on a single post or archive page.

    For example, I’d like to highlight the School News menu item in the topstrip nav on single post pages like http://besanthill.wpengine.com/category/news/admissions/ and archive pages like http://besanthill.wpengine.com/category/news/alumni/ (hosted on WPengine)

    Do you have some css for that?

    Thanks!

    December 13, 2016 at 12:50 am #723470
    Nikko

    Hey sky19er,

    Try adding this code in Quick CSS (located in Enfold > General Styling):

    .single-post #avia2-menu .menu-item-1580 > a,
.archive.category #avia2-menu .menu-item-1580 > a {
    color: #6786a1;
}

    Hope this helps.

    Best regards,
    Nikko

    December 13, 2016 at 5:07 pm #723826
    sky19er

    Ahah — interesting! Targeting the specific menu item. OK, works for me — thanks!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘highlight current menu item for single posts and archive pages’ is closed to new replies.