質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.49%
CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

0回答

2283閲覧

ドロップダウンメニューが表示されない。

20180410

総合スコア10

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2018/10/06 02:24

編集2018/10/06 02:29

突然、ドロップダウンメニューが表示されなくなりました。

ホームページのグランドメニューにマウスを持っていくとドロップダウンメニュー(子メニュー)が表じれていましたが、
突然表示されなくなりました。
前々日にテーマの更新をかけたときは通常通りに見えていたともうのですが、
前日にワードプレスの更新をし、ホームページを確認するとドロップダウンメニューが表示されませんでした。
スマートフォンかパソコンでも画面を小さくすれば『〓』マークになり通常通りに見ることが出来ます。
メニューの設定も特に間違ってはいないようです。

/* グローバルメニュー */ a.menu_button { display:none; } #global_menu { float:right; z-index:20; position:relative; color:#666; margin:0 -28px 0 0; } #global_menu a { color:#666; } #global_menu > ul { font-size:0; position:relative; text-align:right; margin:0 auto; } #global_menu > ul > li { font-size:1%; position:relative; display:inline-block; } #global_menu > ul > li > a { font-size:14px; text-decoration:none; height:120px; line-height:120px; display:block; padding:0 28px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } #global_menu > ul > li > a:hover { color:#c2aa99; } #global_menu ul ul { display:none; } @media only screen and (min-width:992px) { body { overflow-x:hidden; } #global_menu .child_menu_button { display:none; }  #global_menu ul ul { display:block; visibility:hidden; width:220px; position:absolute; top:120px; left:30px; margin:0; padding:0; opacity:0; z-index:9999; -webkit-transition-property:opacity,left; -webkit-transition-duration:.3s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity,left; -moz-transition-duration:.3s; -moz-transition-timing-function:ease; -ms-transition-property:opacity,left; -ms-transition-duration:.3s; -ms-transition-timing-function:ease; -o-transition-property:opacity,left; -o-transition-duration:.3s; -o-transition-timing-function:ease; transition-property:opacity,left; transition-duration:.3s; transition-timing-function:ease; } #global_menu ul ul ul { left:250px; top:0; bottom:auto; margin:0; border:none; } #global_menu ul ul li { line-height:1.5; padding:0; margin:0; text-align:left; position:relative; display:block; }  #global_menu ul ul a { display:block; font-size:14px; color:#fff; background:#e3d0c3; border:none; position:relative; padding:12px 28px 11px 28px; height:auto; line-height:1.6; margin:0; text-align:left; } #global_menu ul ul a:hover { background:#c2aa99; text-decoration:none; border:none; } #global_menu ul ul li.menu-item-has-children > a:before { margin:0; display:block; right:10px; position:absolute; content:"\e910"; font-family: "design_plus"; } #global_menu > ul > li:hover > ul { visibility:visible; left:0; opacity:1; z-index:3; /* box-shadow:0px 1px 2px 0px rgba(255,255,255,.5); */ }  #global_menu > ul > li li:hover > ul { visibility:visible; opacity:1; top:0; left:100%; z-index:30; } }

隠れているかと思いz-indexの数値を上げましたが駄目でした。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hectopascal1013

2018/10/06 02:35

テーマの詳細、表示されなくなった前後に機能追加などをされなかったか、Jqueryなどとバッティングしていないか、を書かれないと解答つきにくいかと。特にWPの場合、テーマ独自の癖が強く、PHPとの兼ね合いもありますので、機能の該当部分だけ切り出してきても解決には結びつきづらい点があります。
m.ts10806

2018/10/06 02:49

「WordPress」をタグに追加してください。また再現確認可能な情報をなるべく全て提示してください
yoshinavi

2018/10/07 02:34

更新後に問題がある場合は、更新前と変更個所を見比べれば良いかと思います。タグの閉じ忘れ、誤記述等の場合もあります。また、CSSだけでは検証出来ませんので、HTMLも併せて提示されると良いかと思います。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.49%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問