Archived topic
Apply underline effects on the menu and all links but not to the logo
1 reply · Started by Sascha on January 23, 2022
Viewing posts 1–2 of 2
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
Hi there,
try adding this CSS:
.site-header .site-logo a {
background: initial;
}
This archived topic is closed to new replies.