Active menu on different project pages

[marc22]

Hi!

My page has several project pages: one for graphic design, another for sculpture projects, etc. each one has several project thumbnails added one by one (not build as a thumbnail grid).

When I acces any of the projects, there's any active class working on the menu, and I would like to have it active when you are seeing graphic design projects or any other kind with it's respective menu section highlighted (active).

I was trying to figure out if I can catch the class of each projecto on the code to force the menu link that I want as active, but I can't figure out how I can do that.

Do you know solution for making that?

My page is: http://francescpolop.com/sculpture/

Many thanks in advance :)

[mariusjopen]

Dear @marc22
H ope this helps:
http://laytheme.com/documentation.html#custom-css-styling

You can assign different CSS rules for different pages.

Best!

Marius

[edgrbnz]

🤔

If the links in the sidebar would be category-pages instead of regular pages that would work anyway… wouldn’t it?

[mariusjopen]

Dear @marc22
yes. You could probably get it done somehow with jQuery and a lot of effort.

How good are your coding skills?

Best!

Marius

[marc22]

Hi @mariusjopen @edgrbnz

Many thanks for your suggestions and help.
I'm not advanced in programming but I can edit html and css without problems.

I found a simple way to do that:
Catch the category class of the on-screen project and change the colour of the desired menu item. Like that:

.category-4 .menu-item-551 a {
color: #ee1c25 !important;
}

From coding standpoint might not be perfect but worked for my needs.

Best!
Marc

[mariusjopen]

Dear @marc22
ah great! That simple!

Perfect!

Best!

Marius