Current menu item / page item active states for portfolio items « Support Forum | Kriesi.at

Support Forum » Angular

Current menu item / page item active states for portfolio items

8 posts from 5 voices

Started 1 year ago by wildefranz
Latest reply from wildefranz
This topic is closed
This topic is resolved

Tags:

wildefranz
Member

I would like to keep "PORTFOLIO" in the main navigation still active when you click on one of the portfolio items to view more of that work.

Using the demo as an example, here portfolio is still highlighted / active: http://www.kriesi.at/themes/angular/template-files/portfolio-4-columns/

But once I click on a portfolio item, nothing in the main nav is highlighted: http://www.kriesi.at/themes/angular/portfolio-item/happy-holidays/

Is there a way to force "PORTFOLIO" to still be highlighted even though it's not really connected I guess?

I really need this to work and I hope you could steer me in the right direction.

Thank you!

Posted 1 year ago #
naires
Member

I also support this request.

Posted 1 year ago #
Kriesi
Key Master

Hey! As already mentioned in a previous thread: I am sorry but that is not possible. The reason for this is that there is no connection that wordpress could find between single portfolio entries and portfolio overviews:

A single portfolio entry can be shown on any number of portfolio overview pages and wordpress cant know which one was used to navigate to the single entry. This one to many relationship prevents proper highlighting of the menu items.

Posted 1 year ago #
wildefranz
Member

I'm a newb when it comes to PHP... but I did find this article. Would this work? I just can't wrap my head around it all:

http://wp.tutsplus.com/tutorials/setting-active-navigation-elements-when-wordpress-doesnt/

Posted 1 year ago #
Dude
Dude

Hi!

I don't think so. Maybe you could use some code parts as a starting point but this solution wouldn't integrate seamlessly into the avia framework.

Regards,
Peter

Posted 1 year ago #
wildefranz
Member

Sorry, but I really need to get this to work. It just seems sloppy if all other pages can be active and this can't be.

Do you guys do custom work then?

I also found this: http://www.gravitationalfx.com/how-to-set-a-page-as-the-parent-of-a-wordpress-custom-post-type/

If I can set the parent for the portfolio custom post type, then wouldn't it work?

Thanks,
Sara

Posted 1 year ago #
Mya
Hi Sara,

If I understand all you really want is "Portfolio" to be highlighted in the main menu when on a single portfolio page. If I'm not mistaken this can be "faked" simply by adding some CSS to your custom.css or Quick CSS box under Angular > Theme Options > Styling.

The CSS you would want to add is:
```
body.single-portfolio .main_menu ul li#menu-item-407 a {
	border-bottom: 2px solid #f0b70c;
}
```
To explain what's going on here: I've set the menu item #407 to the active state on every page that has the body class "single-portfolio" which would be all your individual portfolio pages.

Now a couple of caveats to this:

1) #menu-item-407 is the ID of "Portfolio" in the demo's menu. The number you use will be different. To find out what yours is, you'll need to view your page's source code and find the link for the portfolio page. You'll be looking for something like this:

<li id="menu-item-###" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-###"><a href="LINK-TO-YOUR-PORTFOLIO">Portfolio</a>

Once you found the number replace 407 in the code I provided above and you should be good to go.

2) The color code (#f0b70c) for the border will change depending on your website's skin. So you'll want to change that as well.

Let us know if you need help with finding your menu item ID.

Regards,
Mya
Posted 1 year ago #
wildefranz
Member

YOU ARE A GENIUS!!!!!!!!!

This is exactly what I needed.

Thank you thank you thank you!!!! Can I buy you a beer?

Posted 1 year ago #