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