固定ページにアイキャッチ画像未設定時、ヘッダーをオーバーレイにすると余白ができてしまう時の対処方法

固定ページにアイキャッチ画像未設定時、ヘッダーをオーバーレイにすると余白ができてしまう時の対処方法

表題の件、ヘッダーをオーバーレイに設定すると、固定ページにアイキャッチ画像を設定していない時、余白が出てしまいます。
これをCSSで余白を削除する方法を記しておきますので、参考までにどうぞ！

// ページヘッダータイトル非表示
.c-entry__title {
    display: none;
}

// ページヘッダー本体非表示
.c-entry__header {
    display: none;
}

// 固定ページ上下余白削除
.l-contents__inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

下記は書かなくても大丈夫であることが判明しました。

// ページヘッダータイトル非表示
.c-entry__title {
    display: none;
}