[mokadesign]

【お使いの Snow Monkey のバージョン】Snow Monkey v15.9.4
【お使いの Snow Monkey Blocks のバージョン】バージョン 12.5.0
【お使いの Snow Monkey Editor のバージョン】バージョン 6.1.0
【お使いのブラウザ】GoogleChrome

【当該サイトのURL】https://saekikougyou.co.jp/

### 実現したいこと

グローバルメニューにマウスオーバーした際に英語に変わるようにしたいです。可能でしょうか？？

こちらのサイトのようなイメージです。

TOP

宮城県仙台市のグリーン開発は仙台市周辺エリアで外構エクステリアや庭造りを手がけています

www.green-kaihatu.com

今現在はナビメニューの「説明」に入れて、上が日本語下が英語でメニューが2段になっています。ヘッダーを固定しているので、出来るだけすっきりとコンテンツが隠れないようにしたいです。

### 発生している問題

ヘッダーの幅が広くてコンテンツが隠れている。
・メニュー2行になっているものを1行にしたい
・余白を減らすなどヘッダーの幅を減らせる方法があったら嬉しいです。

### 試したこと

追加CSS

よろしくお願いいたします<(_ _)&gt

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

調整は必要ですが、基本的にはこんな感じでできるかなと思います。

.p-global-nav .c-navbar__item small {
    display: none !important;
}
.p-global-nav .c-navbar__item:hover small {
    display: block !important;
}
.p-global-nav .c-navbar__item:hover span {
    display: none !important;
}

♥ 0

いいねをした人: 居ません

[mokadesign]

ご回答、ありがとうございます！

イメージしていた通りになりました。<(_ _)&gt

♥ 1

いいねをした人:

[投稿者]

投稿