メニューの下線の太さと色を変えたい

デベロッパーツールをお使いのようであれば、該当の要素を検証してみるとわかると思いますが、メニューの下線は、擬似要素:afterで指定されています。

こちらは

.p-global-nav--hover-underline .c-navbar__item[data-active-menu] > a:after {
	background-color: 変更したいカラーコード;
}

.p-global-nav--hover-underline .c-navbar__item > a:after {
	height: 変更したい高さ（太さ）px;
}

を変更すればお好みの状態になると思います。
また、:hover時の色も変更されるようなら

.p-global-nav--hover-underline .c-navbar__item:active>a:after,
.p-global-nav--hover-underline .c-navbar__item:focus>a:after,
.p-global-nav--hover-underline .c-navbar__item:hover>a:after {
	background-color: 変更したいカラーコード;
}

が必要です。

フォーラムでのご質問や回答は、あとからフォーラムを利用される方が参考にすることもありますので、これからはバージョンナンバーをご入力にご協力ください。
時が経てば最新ではなくなってしまいますので。。。

【お使いの Snow Monkey のバージョン】最新
【お使いの Snow Monkey Blocks のバージョン】最新
【お使いの Snow Monkey Editor のバージョン】最新
【お使いのブラウザ】safari
【当該サイトのURL】

また、ご自分で試されたことも添えていただくと、最適解が得られやすくなると思いますので、ぜひ試したうえでご質問をお願いしたします。

♥ 4

いいねをした人: