Twenty Sixteenのメニュー上下の余白を消すには
-
ヘッダー画像上部のメニュー(グローバルナビゲーション)の上下の余白が空きすぎているので何とかしたいのですが、関連のサイトを調べて子テーマにコードを追加しても、上手くいきません。
今のところ、ヘッダー周りの余白を以下の通り削除し、
.site-header {
padding-top: 0rem;
padding-bottom: 0rem;
}メニュー周辺の余白も、以下の2か所で削除してみした。
.main-navigation {
margin-top: 0;
margin-top: 0rem;
}.main-navigation li {
margin-top: 0px;
margin-top: 0rem;
line-height: 1;
}その結果、多少は余白が狭くなったのですが、それでも空きすぎています。
また、以下の部分も追加してみたのですが、メニューがおかしくなってしまう(メニューの項目同士が間隔なくくっついてしまう)ため、今は削除しました。.main-navigation a {
display: block;
line-height: 1.3125;
outline-offset: -1px;
padding: 0em 0;
}ちなみに、プラグインなどは全て最新で、一度停止させ、キャッシュも削除しましたが、上手くいきません。
どうぞよろしくお願い致します。
2件の返信を表示中 - 1 - 2件目 (全2件中)
2件の返信を表示中 - 1 - 2件目 (全2件中)
- トピック「Twenty Sixteenのメニュー上下の余白を消すには」には新たに返信することはできません。