Simple underline in main menu when active

Thanks Rikard,

otherwise it’s fine but now it gives underlining in all drop down menu links, too (which are not active – with the active one it’s ok to be underlined). I also left out the color setting (it made all the drop down menu links light green not only the chosen one).

Cheers,
Saija

Hi,

it still keeps all the drop down menu links underlined.

Saija

Hi again,

still working on with this issue.

I removed and recreated main menu but unfortunately it didn’t help. I indeed cloned the site with wp-clone when moved it from demo site to the real one.

… anything else I could try?

Best,
Saija

Brilliant! Now it works!

Few more question: otherwise it works now fine but when you click one of the main menu link it’s supposed to open the first link on the left side. It opens fine the correct page but in this case it still also gives all the drop down links underlined and in light green. Also the first link on left side is not bold as it should be. All this happens only when you click the main menu link – if you click the first link in drop down menu it works fine (it’s supposed to be the same content in these pages but maybe I made it in a wrong way when I set it up? There’re actually two separate pages in WordPress now).

Also I’d like to have the main menu link and the drop down link underlined and light green when you’re in left side links in lower level so you could easily see the path and the main link where you are. How could I do that?

Many thanks,
Saija

Hi,

the only added CSS code is:

.current-menu-item .avia-menu-text {
color: #8BB936 !important;
text-decoration: underline;
}

this gives the light green and underlining for the selected drop down menu link.

Actually I just realized that now I have lost the underlining in active main menu link. There’s only the light green color. Should be both there, too.

Best,
Saija

Hi,

removing the CSS you gave brought the basic Enfold underlining to the first main menu link when it’s active – not to the other main menu links when those are active. Anyway this is not what I’d like to have – what I wish is just basic underling just below the link word as it’s now with the first main menu link (Etusivu).

Cheers,
Saija

Hi,

would these screenshots clarify?

Best,
Saija

Thanks! It worked nicely.

There’s still this one problem (Please see the pic): When you click one of the main menu link it’s supposed to open the first link on the left side. It opens fine the correct page but in this case it still also gives all the drop down links underlined and in light green. Also the first link on left side is not green&bold&underlined as it should be. All this happens only when you click the main menu link – if you click the first link in drop down menu it works fine (it’s supposed to be the same content in these pages but maybe I made it in a wrong way when I set it up? There’re actually two separate pages in WordPress now).

Many thanks,
Saija

Hi,

refreshed and so on the browser but there’s still the thing :) Tried with other computer, too. I added a pic which, I hope, clarifies when this happens. You really have to click the main menu link not the drop down menu link to get it out.

Cheers,
Saija

Hi, yes that pic is exactly as I wish! It also comes to me as this pic when you click the link in drop down menu. But if you click “Ajankohtaista” on top it comes (at least in our computer!) as I sent the pic earlier. I don’t understand either if it comes different way at your end??

Best,
Saija

Hi, great! That’s the problem. I add a pic where I explain the wanted changes.

Many thanks!
Saija

Hi Andy,

sorry being difficult… It didn’t do the trick. But somehow I lost the underlining now (in selected drop down menu link) as it was in your message January 26, 2016 at 4:22 pm.

Also it left underlining to stay only in one drop down menu link (Ajankohtaiset asiat) even though I removed the CSS you asked to try. I got rid out of it with CSS (but maybe this will cause problems when trying to set underlining back to selected drop down menu link?):
#menu-item-2155 a .avia-menu-text {
text-decoration: none ! important;
}

Best,
Saija

Hi, ok with the latest thing we tried.
But it confused the earlier thing we did even though I removed latest CSS you gave.

Please see the pic. I explain there the wish. I know, it was once already ok.

Thanks,
Saija

Hi,

thanks!

There’s one extra underlining, please see the pic.

It came after trying this code:
.avia-menu-text {
text-decoration: none !important;
}
#menu-item-2155 a .avia-menu-text {
text-decoration: underline !important;
}

and didn’t go away even though the CSS above is not there anymore.

Best,
Saija