Selected text color and line at navigation

[Rui Guerreiro – SUPPORT]

Hi,

In order to the that happens that page((http://dante.swiftideas.com/portfolio/tree/) should be one of the Portfolio sub-menu items and that’s not what happens in the example you gave on our demo site.

-Rui

[jiwon]

Hi, Rui

I do not get it you explained about that page((http://dante.swiftideas.com/portfolio/tree/).

I think that page is included in the portfolio page which is a parent page of that.

Therefore, portfolio menu should be activated with a red color and a line.

My website also shows this problem.

Please, help.

[Rui Guerreiro – SUPPORT]

I meant to say that the Portfolio menu item will only be selected if we are in that page or in one of the Portfolio sub menu items in that menu. it won’t do that automatically to each Portfolio item.

For that specific Portfolio item, you will have to create a sub menu item under the Portfolio so when you are in that page the Portfolio link will be with a different color.

Better provide me your specific Portfolio example and forget about the one in our demo, it’s easier to explain using your site.

-Rui

[jiwon]

Here it is my website page URL that is issued at the moment.
http://hessedkorea.com/?portfolio=military-a-tent-a%ED%98%95%ED%85%90%ED%8A%B8

If you say that the sub menu means showing up when user hover the main menu item such as the portfolio,
I do not want to make the submenu.
Just I need to activate the main menu item.

[Rui Guerreiro – SUPPORT]

To achieve that color when you are in any Portfolio page, add the code below to your custom css option.

Change to your desired color.

.single-portfolio .menu-item-12054 a {
    color: #144044 !important;
}

-Rui

[jiwon]

Thanks. It works!
However, there are still other issues.

Firstly, how about line?
Secondly, News page also has a same function.
So, I added the code like below.

.single-portfolio .menu-item-12043 a {
color: #b11a29 !important;
}

.single-portfolio .menu-item-12049 a {
color: #b11a29 !important;
}

And then, both product(portfolio) and news(post) menu items are selected all.
How can I fix it?

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Replace this code

.single-portfolio .menu-item-12049 a {
color: #b11a29 !important;
}

by this one

.single-post .menu-item-12049 a {
color: #b11a29 !important;
}

Also add this additional code.

.single-post .menu-item-12049 .nav-line{
    width: 40px!important;
}

.single-portfolio .menu-item-12049 .nav-line{
    width: 63px!important;
}

-Rui