2016-05-31 10 views
0

私は一日中この問題を解決しようとしています。私はWoocommerceに基づいた電子商取引に取り組んでいます。通常、私は新しいプロジェクトを開始するときに、テーマのベアボーン版を出発点として持っています。私はこのベアボーンのテーマでメガメニュー(ウォーカー付き)を実装しており、うまくいきます。ドロップダウンメニューが十分に開いたままではありません

トリガーにカーソルを合わせると、メニューが表示され、ユーザーはドロップダウンメニューのリンクをクリックできます。

何らかの理由で、サイトの「本物」バージョンのドロップダウンが機能しません。ドロップダウンが表示されますが、マウスをリンクに移動しようとするとすぐに消えます。

ウェブサイトは、ここでは、デモのURLで見ることができます。http://demo.imaginaire.co.uk/covercraft/

は、大規模な私は壁に頭を叩いてるように感じるようにいくつかの助けをお願い申し上げます!前もって感謝します!

答えて

0

問題は、ホバートリガー(.dropdown-toggle)と実際のメニューの間に約15ピクセル程度のスペースがあることです。つまり、マウスを動かしてメニュー内に移動すると、その15ピクセルの領域を通過するときに、ドロップダウン・トグル・エレメントから1秒間だけ切り替わります。

これに対する解決方法は、いくつかの点で異なります。つまり、直接編集できる(または子テーマを作成する必要がある)テーマを使用している場合、またはHTML構造を少し編集できる場合です。しかし、ただ非常に迅速な解決策を示すために、あなたはおそらく、あなたのスタイルシートにこれを追加することができます。

.yamm .dropdown.yamm-fw .dropdown-menu{top:40px;} 

これは、ドロップダウン・トグルの底部と面一にまでそのドロップダウンメニューを移動するの正味の効果を持ち、デモして、今すぐ動作することを確認することができます。しかし、これは問題の最良の解決策ではない可能性があります。具体的な修正を加えるためには、もう少し詳しい情報が必要になるでしょう。

+1

こんにちはグレッグ、ありがとうございます - 目の新鮮なペアが本当に明白な問題を強調しています!私はそれが恐らく問題を引き起こしているnavbar埋め込みだと思うので、それに基づいた解決策を試してみましょう。私たちが開発しているカスタムテーマです。幸いなことに、スタイリングを十分にコントロールできます。あなたの助けをもう一度ありがとう。 – sebdean

+0

ありがとう!喜んでお手伝いします - そして私を信じて、あなたが何時間も問題を見つめて、次回にそれを見てすぐに問題を数秒以内に理解する方法を知っています。 :) –

関連する問題