Site logo

Archived topic

Sup Menue Items (Aktiv) Navigation Underline Black Color

11 replies · Started by Matthias on March 15, 2023

Viewing posts 1–12 of 12

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

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?

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

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;
}

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

If its just the parent item, then try this:

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

Check image please!
Thanks a lot, Matthias

Ah, try this:

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

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

This will do the hover

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

Cool! Merci;)
Take care, Matthias

Bravo!! we did it :)

Glad to be of help

This archived topic is closed to new replies.