マウスホバー時の背景色は CSS に追記して変更します。
WordPress の管理画面から 「外観」 → 「カスタマイズ」 → 「追加CSS」 をクリックします。
追加CSS 画面にて、次のコードを追記します。
header .smanone ul.menu li a:hover{ background-color:#fff; color:#38b48b; }
「#fff #38b48b」 は任意のカラーコードに変更してください。
ヘッダーメニューに区切り線を表示
両脇に区切り線を追加する
header .smanone ul.menu li{
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
真ん中あたりが線が重なって太くなっています
header .smanone ul.menu li + li{
border-left: none;
}
右側に縦線を追加する
header .smanone ul.menu li:last-child{
border-right:1px solid #fff;
}