Manually activate menu highlight

[noxdiurna]

Hi,

I wish to know if I can do something to highlight manually a specific nav menu, even one a website not directly placed on the navigation menu list.

Thank you in advance for your help.

[Kyle – SUPPORT]

Hi

Not sure what you mean, can you explain?

– Kyle

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-
/*just change 123 with your menu id*/

.menu-item-123 a{ 
border:2px solid !important
}

Thanks
Mohammad

[noxdiurna]

I’m sorry for not being clear.

For example, when I click on the button “Our Products” on nav menu, it is linked to a page with our product index list. When I click on one of the products there, it is directed to a dedicated portfolio page.

When I do that, (obviously) the highlight on the “Our Products” button on the NAV menu is lost.

I wish to know if it is possible keep the highlight on the “Products” button even if the portfolio page is not directly related to the nav menu. I suppose that I could put all the portfolio pages on the nav menu and keep them invisible to visitors, but is there any simpler way to do so?

I hope I was clearer.

[Mohammad – SUPPORT]

Hi,
Please provide me correct admin login detail to check and resolve the issue.
Thanks
Mohammad

[noxdiurna]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.single-portfolio #main-navigation ul.menu > li:hover > a {
    box-shadow: 0 5px 0 rgba(69,134,198, 0.7) inset !important;
    color: #4586c6 !important;
}

Thanks
Mohammad

[noxdiurna]

Thank you Mohammad but I don’t see what has changed with the added CSS codes.

[noxdiurna]

As I know very little idea on what I’m doing with css ; probably what I’m trying to do is to attribute manually current-menu-item page_item code by adding page-id and menu-id?

[Mohammad – SUPPORT]

Hi,
Do you want to highlight for this page only http://minolight.com/?portfolio=reglette-led-suspendu-w2-arch ?
Thanks
Mohammad

[noxdiurna]

It’s not specific to this page.

I wish that all my dedicated product pages to be recognisable as sub-pages from the nav. menu. I’m convinced that there is no easy way of doing it so I I get how to do it on that one specific page, I will replicate to all of my product pages.

This is not a critical issue and I lack in technical terminology to explain properly what I wish to achieve.

I was hoping simply to manually activate current-menu-item code thru custom css with page-id and menu-id. If it is not do-able, it’s not such a big deal either.

[Mohammad – SUPPORT]

Hi,
Please try to use this custom css code:-

.single-portfolio #main-navigation ul.menu > li.menu-item-13510 > a {
    box-shadow: 0 5px 0 rgba(69,134,198, 0.7) inset !important;
    color: #4586c6 !important;
}

Thanks
Mohammad

[noxdiurna]

OH MY GOD!

Just like that! It works perfectly!

Thank you so much.

[noxdiurna]

.

[Mohammad – SUPPORT]

Hi,
Glad 🙂 to help you.
Thanks
Mohammad