問題タブ [megamenu]

いくつかの Web サイトでは、メニューとサブメニューが 1 つのコンテナー (境界線を持つ) 内に並んで表示され、メガ メニューとも呼ばれます。現在のテーマ メニューを Mega メニューに変換しようとしています。現在のメニューはすでにライブ Web で機能しているため、他のメニューを追加することに抵抗しています。サブメニューをメガメニューのように水平にスライドさせたいだけです (メインメニューとサブメニューの間にスペースと矢印があります)。 CSS

ここにHTMLがあります

JsFiddle リンク

私はすでにワードプレスサイトでドロップダウンメニューを作成しました。一般的なドロップダウン メニューです。しかし、今は複数列のドロップダウンサブメニューとして作成する必要があります。私は非常に多くのサイトを調べ、さまざまな CSS を試しました。その参照サイトのようなものは何も作成しません。複数列のサブメニュー構造を実現するために、既存の CSS スタイルをカスタマイズするのを手伝ってください。

私の現在のメニューCSS:-

メニュー構造は次のとおりです。

現在、このような私のメニュー http://jsfiddle.net/2wxje/

これでメガメニューを使用しています。[セキュリティとバックリンクのため、リンクを削除します - リンクが必要な場合は、私に連絡してください]

ナビゲーションにはメガメニューを使用しています。

これに使用しているのは次のスクリプトのみです。

</body>そして、タグの直前にメガメニューのjQueryスクリプトを配置しました

しかし、ページまたはJSファイルが読み込まれるまで、いくつかのブロックがナビゲーション領域に表示されます。

低速接続でこれらの奇妙なブロックがはっきりと確認できました。

どうすればこの人を修正できますか?

誰かがこれを手伝ってくれるかどうかはわかりませんが、とにかく尋ねようと思いました.

http://www.acuity-sports.com/

左揃えで野球タップの下の背景を塗りつぶすメガメニューの背景を取得できますが、右揃えのソフトボールタブでは背景を塗りつぶしません。

これは私を困惑させます。

メガメニューにしたい どうすればいいですか？トップメニューはこちら

私のサイトには T3 フレームワーク (信頼性の低いフリーランサーによって構築されたもの) があり、リクエストされた機能の 1 つは、このフレームワークに含まれているメガ メニューでした。バージョン 1.2.1 を使用する必要があるのは、アップグレードするときにレイアウトや JavaScript などに問題があるためです。この古いバージョンを使用します。

私の問題は、サイトに構造がなく、すべてのリンクがルートにあることに気付いたことです。これは、Mega Menu が個別のメニューを表示するモジュールを使用しているためです。すべての個別の「サブ」メニューをメイン メニューに移動して、素敵なメニュー ツリーを作成することでサイト構造を修正できます。モジュールを変更して、メニューの一部のみを表示することもできますが、これを行うと、メガ メニューとドロップダウン メニューが同じドロップダウンに表示されます ( 2 行、最初は不要なドロップダウン - クラシック メニュー、2 行目は表示されるべきメニュー モジュールでいっぱいです)。

ドロップダウンメニューを削除する方法を教えてください。クラシック メニューにはメニューの 1 レベルのみを表示するオプションがありますが、メガ メニューに似たものを見つけることができません :(

ul ドロップダウン メガ メニューを作成します。ここに私のメガ メニュー HTML コードがあります。

ラップ div に等しいパーセンテージ (幅:100%) を使用して、子 ul (mega_menu) の幅を増やしたいと考えています。そのため、訪問者がブラウザのサイズを変更すると、ul (mega_menu) が自動的にサイズ変更されます。このような

この問題を解決しようと懸命に努力していますが、解決策が見つかりません。ですから、誰でもこの問題を解決するのを手伝ってください。ありがとう。