ヘッダーレイアウトのサイズ変更

Question

###前提・実現したいこと
ヘッダーレイアウトの変更をしたいのですが、上手く行かずに困っています。
現在Enoman Freeというテーマを使用していますが、
レイアウト設定の高さがPC96,モバイル60となっていて、ココの数値を変更しても変化ありません。
ここに高さ500pxのヘッダー画像を入れたいのですが、どうすればいいでしょうか。

###試したこと
https://wp-emanon.jp/emanon-pro/header-layout/
有料バージョンだと出来るみたいだったので、
同じようにやってみたが反映されず。

  height: 96px;
  margin: 0 ;
}

.header-logo img {
  position: absolute;
  top: 50%;
  max-height: 60px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

このheightを500pxにすればもちろん表示はされますが、
レスポンシブなので、ここを変更するとモバイルが上手く行かず…です。

初心者なので大変困っております。
ご教授いただけると助かります。
宜しくお願い致します。

Comments

[kei344]

質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

[tamtam0214]

失礼しました。初めての投稿だったので、教えて頂いて助かります。以後気を付けます。

[kei344]

ここは「質問への追記・修正の依頼」です。質問本文は編集することが可能なので、その依頼をしています。

Answer 1

変更したいのはロゴやナビメニューがある場所ですかね？

tamtam0214さんが書かれている部分は、ロゴのサイズを指定しているところだと思います。
ヘッダー部分なら、

.header-col-line {
  height: 500px;
  background-image: url(画像のアドレス);
}

とかで変更できるのではないでしょうか。

ロゴやメニュー部分の背景に色がついているので適宜変更してください。

追記

デモサイトと一部コードが違うようでした。こちらでどうでしょうか。

.header {
  height: 500px;
  background-image: url(画像のアドレス);
}

Comments

[tamtam0214]

そうです！ロゴがある部分に高さ500pxのメイン画像を入れたいのです！
教えて頂いたCSSの記述はなく、こちら追記する形になるのでしょうか？

[tamtam0214]

ヘッダーの高さは伸びましたが、背景画像が表示されず…でした。
ヘッダーレイアウトで画像を指定してみましたが、今度は大きく表示されたものの、
上下が飛び出す事態に。
さらに色々試してみます。ありがとうございます。

[8-0_nyan5]

画像のアドレスが間違っていませんか。

[tamtam0214]

間違ってませんでした。
それとheight:500px;と指定すると、モバイルにも効いてしまうようで余白が大分空いてしまいました…