Hovern im header ändern

Guten Tag liebe Community,

ich benutze das Theme “Craft” und würde gerne das Hovern im Header ändern. Wenn man mit der Maus auf die Kategorien im Header drüber kommt, erscheint ja ein Unterstrich. Ich würde es gerne so einstellen, dass der Unterstrich von links nach rechts swipt und nicht nur “erscheint”. Kann man das irgendwie im theme-css einstellen?

Vielen Dank für jegliche Antworten :slightly_smiling_face:

Habe inzwischen eine Lösung durch einen einfachen Code zusammengebastelt

Dadurch kann man die Unterstriche durch “Dicke” ändern :wink:

.header__menu-item {
font-size: 16px;
font-family: avenir next;
font-weight: 300;
}
.header__menu-item:hover span {
text-decoration: unset;
font-weight: 700;
}
.header__active-menu-item {
text-decoration: unset;
font-weight: 700;
} 

Super und hilft auch andere hier weiter! :wink:

PS.: Einfach in die Theme css in der normalen Webseite-Baukasten einfügen.