I’m using mystickyplugin to add a second menu at the top of the page, which anchors to different sections of the page. I’d like to highlight the menu that the user clicked to reach a section, so that visually we know which is the title of the section. Obviously, the solution is either php, either js, creating a specific class added to the active link, and then you change the css of this new class. The problem is … do you know what is the name of this class in fortuna theme? Obviously, the guy from mystickymenu plugin specify some code to add but it has to be customized with the class used by the theme …

Here is what he says :

.myfixed .current_page_item > a,
.myfixed .current_page_ancestor > a,
.myfixed .current-menu-item > a,
.myfixed .current-menu-ancestor > a {
color: #fff !important;
font-style: normal !important;
background-color: #C00!important;
}
This examples works with Twenty Thirteen theme, for other themes you will need to enter your element classes if different.

Thanks for your help

Let me see your URL so I can see the markup (HTML) that the plugin creates, then I can help.

So you are speaking of the sticky icons you have there?
I see only the anchors added to them, but it’s a different structure than the top menu navigation. Also no classes (current_page_item) get added to them…

First off, is that what you are trying to do? Highlight the icon that is currently clicked?

I’ve found a webpage which says “myStickymenu is based on javascript which will add .myfixed css class to any predefined element class after scroll by default. For example with default .navbar class: <div id=”navbar” class=”navbar”></div> will become <div id=”navbar” class=”navbar myfixed”></div> after scroll.”
So, In my HTML, I can see this line : class=”vc_row wpb_row vc_inner vc_row-fluid vc_custom_1462881165627 myfixed”. The myfixed class disappears when you scroll up the page and re-appears when you scroll down and the menu becomes sticky again, so I guess this is some js added class here. Or php maybe, no idea …
And above this line of HTML, there’s another one : <div id=”my sticky-nav”> which becomes <div id=”my sticky-nab” class”wrapfixed”> when you scroll down.

I hope this gives you the answer you need … once again thank you very much for your help