[Resolved] Sup Menue Items (Aktiv) Navigation Underline Black Color

[Matthias]

Hello There,
Try to find it.
Active Site under the Sup Menue Items with a simple Underline in Black.
Thats it …
Best, Matthias

[Ying]

Hi Matthias,

I’m not sure I fully understand your question.

Can you link us to your site and let me know which menu item are you talking about?

[Matthias]

Sorry for delay. I see. To fast.
About the Sup Menu Navigation. Id like to have a simple underline. (for the active menu item (Site) and rollover with the mouse) Rollover —>Main Menu opens and show the Sup Menu. Hope its clear. Just a black underline for the Sub Menu! …

Take care, Matthias

[David]

Hi there,

try this CSS:

.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    border-bottom: 1px solid #000;
}

[Matthias]

Thanks a lot David.
Just for the sup menu items. Just like a link in a body text with a simple underline and under the text.
Best, Matthias

[David]

If its just the parent item, then try this:

.main-navigation .main-nav > ul > li[class*="current-menu-"] > a {
    text-decoration: underline;
}

[Matthias]

Check image please!
Thanks a lot, Matthias

[David]

Ah, try this:

.main-navigation .main-nav ul ul li[class*="current-menu-"] > a {
    text-decoration: underline;
}

[Matthias]

Thanks a lot David. Very close;)
Possible to have a mouse over effect. (the underline) When i scroll over the sup menu items?
…

[David]

This will do the hover

.main-navigation .main-nav ul ul li:hover > a {
    text-decoration: underline;
}

[Matthias]

Cool! Merci;)
Take care, Matthias

[David]

Bravo!! we did it 🙂

Glad to be of help

[Author]

Posts