Active state for portfolio pages

  • Resolved CAM

    (@caitlinmccartan)


    10 years, 1 month ago

    I was able to add active sate menu color changes for all pages except those within the portfolio. Once you’re viewing artwork in the portfolio, the menu item is no longer selected/active, so it’s not clear what section you’re in. Any css fix here?

    Here’s a portfolio page in my site for example. I’d like the word “Artwork” to be a different color since i’m viewing a page within this section:
    https://testsite.marionchonorscsj.com/?portfolio=garden-in-grey

    Thanks!

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

  • Hey there caitlinmccartan,

    Hope you’re well! ??

    Try chaning your permalink to Post Name like this : https://prntscr.com/608ed3

    To locate the section navigate to Dashboard > Settings > Permalink.

    Let me know if it helps! ??

    Take care,
    Calvin

    Thread Starter CAM

    (@caitlinmccartan)

    I just made that switch and refreshed, but there was no difference with the menu’s active state for portfolio pages, unfortunately.

    So since none of your portfolio items are in the menu the wp-menu doesn’t see a portfolio as being a child of artwork.

    You can however add this css:

    .single-portfolio #nav-main ul.sf-menu > li.menu-item-66 > a {
color: red;
}

    Kadence Themes

    Thread Starter CAM

    (@caitlinmccartan)

    Perfect! I was able to make this fix on all the portfolio pages. Is there css code I can use for the two portfolio subpages I created? It works once you click on a piece of art, but these starting pages still don’t have hover states.

    Example:
    https://testsite.marionchonorscsj.com/all-artwork/portfolio/

    Thank you!

    For that you can use a current menu class:

    #nav-main ul.sf-menu > li.current-menu-parent > a {
color: red;
}

    Kadence Themes

    Thread Starter CAM

    (@caitlinmccartan)

    That did it! Many thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Active state for portfolio pages’ is closed to new replies.