WordPressテーマSANGOの質問

ヘッダーアイキャッチを幅いっぱいに表示したい・投稿ページからは削除したい

YUKA

2019/09/25

サルワカ様
度々の質問申し訳ございません。内容が異なるため、質問箇所を分けさせていただきました。
ヘッダーアイキャッチにつきまして、２点質問がございます。

①現在2分割ヘッダーアイキャッチを使用しているのですが、PCの幅いっぱいに表示させることは可能でしょうか（分割しないヘッダーアイキャッチでも）。
背景色を変えてしまったためにヘッダーアイキャッチ部分だけ左右に余白ができてしまったためです。
ちなみに、ヘッダーロゴについては次のCSSを入れています。何か影響はありますでしょうか…。

/*ロゴ画像を横いっぱいに*/
#inner-header, #drawer + #inner-header,#logo{
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
}
.header–center #logo img {
padding: 0;
height: auto;
width: 100%;
max-width: 1000px;
}
.header–center #logo {
padding: 0;
background: #ffffff;
}

@media only screen and (min-width: 1030px) {
.single #logo img, .page #logo img {
max-width: 92%;
}
}

@media only screen and (min-width: 1240px) {
.single #logo img, .page #logo img {
max-width: 1180px;
}
}
/*END ロゴ画像を横いっぱいに*/

②投稿ページ（ブログ）にも2分割アイキャッチが表示されます。
他の方の質問をみていると、表示されない設定にできるようにも思えるのですが、どうすればよいのかわからず…。

お手数をおかけして大変申し訳ありませんが、何卒よろしくお願いいたします。

ヘッダーアイキャッチ画像を設定しよう

コメントへの回答

サルワカくん

2019/09/26

①2分割のヘッダーアイキャッチの幅を100%にしたい

以下のCSSをダッシュボードの［外観］⇒［カスタマイズ］⇒［追加CSS］などに貼り付けることで可能です。

@media only screen and (min-width: 768px) {
  #divheader {
    width: 100%;
    margin-top: 0;
  }
}

②投稿一覧ページにもヘッダーアイキャッチ画像が表示されてしまう
比較的最近そのあたりの仕様を変えたので、子テーマのカスタマイズ内容が反映サれてしまっているのかもしれません。
以下のCSSを追加することで非表示にできます。

.blog #divheader {
  display: none;
}

よろしくお願いします。