(Squarespace) Navigation dropdown link underline on hover

[tuanphan]

To add underline to Navigation Dropdown link on Hover, like this.

You can use this code to Custom CSS.
If code doesn’t work, you can comment below, message or email me.

div.header-nav-folder-item:hover a {
    text-decoration: none !important;
    background-image: linear-gradient(currentColor, currentColor);
    background-repeat: repeat-x;
    background-size: 1px 1px;
    background-position: 0 100%;
    background-position: 0 calc(~"100% - 0.1em");
}

To change color, change this line.

For example

Result