上記、追加CSSの部分で追加していたコードです。
この部分で
header .smanone ul.menu li a:hover {
color: #fff;
background-color: #66ccff;
}
の部分だけ表示させ、あとはコメント化するということで対応しました。
色々とありがとうございました。
お世話になります。
これについてですが、追加CSSのところのメニューに関するCSSを消してみたら直りました。
どこがダメだったのかという具体的な理由はまだ分からないままであまり解決にはなっていませんが
お騒がせいたしました。
/*メニューを真ん中に調整
@media print, screen and (min-width: 1000px) {
header .smanone ul.menu {
display: flex;
table-layout: fixed;
text-align: center;
max-width: 1048px;
margin: 0 auto;
}
header .smanone ul.menu li {
display: table-cell;
float: none;
}*/
header .smanone ul.menu li a:hover {
color: #fff;
background-color: #66ccff;
}
/*}*/
お忙しい中ありがとうございます！
試しに、
メニューから「私について」を削除
「display: table」を「display: flex」に変更
してみました。
すると、マウスを置くと下に伸びていく現象は直ったのですが、
階層表示が縦になってしまったままです。
それで、階層表示になっているところのタイトルメニューが長いのかと思って
短くしたのですが、それでも縦になったままです。
私の方でも引き続き色々と調べてみますが、何かご存知でしたら
教えて頂けると幸いです。
それではすみませんがよろしくお願いいたします。
