[Resolved] Apply underline effects on the menu and all links but not to the logo

[Sascha]

Hi

this code is generally working well:

/* LINKS - Underline Hover  */
a:not(.gb-button, .entry-title a, .button, .main-navigation li a) {
background-image: linear-gradient(currentColor,currentColor);
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 0% 2px;
transition: background-size .5s;
}
a:not(.gb-button, .entry-title a, .button, .main-navigation li a):hover, 
a:not(.gb-button, .entry-title a, .button, .main-navigation li a):focus  {
background-size: 100% 2px;
}

on this site.

But it’s also adding the underline effect to the logo, so I wonder how to avoid this?
Furthermore, I want the underline-effect also to work for all menu-items except for the last one (which contains the email address). How to achieve this?

Thank you in advance and kind regards,
Sascha

[David]

Hi there,

try adding this CSS:

.site-header .site-logo a {
    background: initial;
}

[Author]

Posts