[harada]

いつもお世話になっております。

【お使いの Snow Monkey のバージョン】15.8.1
【お使いの Snow Monkey Blocks のバージョン】13.4.0
【お使いの Snow Monkey Editor のバージョン】6.2.1
【お使いのブラウザ】chrome
【当該サイトのURL】

株式会社FJMサービス

水中ドローンで世界を変える

corporate-demo2.andgive-web.com

### 実現したいこと

現状のヘッダーメニューのアニメーションを残したまま、ドロップダウンメニューを表示させたいです。

### 発生している問題

メニューにアニメーションを加えたところ、ドロップダウンメニューが表示されなくなりました。

### 試したこと

chromeの検証ツールにて、.p-global-nav>ul>liのoverflow:hidden;に主な問題があるとみて調査をしていましたが、上手にドロップダウンとアニメーションが表示されない状況です。

 

もし可能でしたら、ご教示頂けますと幸いです！

何卒、よろしくお願いいたします。

♥ 0

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

[キタジマ タカシ]

書かれている通り、

.p-global-nav>ul>li {
  overflow: hidden;
}

が問題です。これがあるとサブメニューが隠れてしまいます。横からスライドしてくるアニメーションのために入れられていると思いますが、li ではなく a でやるとか、それが難しいならタグを足すとか対処が必要かなと思います。

♥ 0

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

[harada]

ご返信いただき、ありがとうございます！

li ではなく a でやると、無事に解決できました！

本当にありがとうございました！

 

トピックを閉じさせていただきます。

♥ 1

いいねをした人:

[投稿者]

投稿