「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

ヘッダーロゴの縦幅を変更する

Q.ヘッダーロゴの縦幅をもう少し大きく表示したい

ロゴのサイズは、規定の横長のサイズから変えられないでしょうか?

A.下記のcssファイルの該当箇所を編集します

ロゴの部分を変更するだけでは全体のデザインが崩れてしまうので下記の全箇所を調整ください。
編集するファイル:focus.css
編集する箇所:
■ロゴ部分

.logo-wrap{
  background:#1A1A1A;
  height:60px;
  overflow:hidden;
}

■ナビ部分

.navbar-wrap .col-sm-9, .navbar-wrap .col-sm-9 .navbar{
  padding:0px;
  height:60px;
  position:relative;
  overflow:hidden;

■サイド部分

.social-wrap{
  width:61px;
  height:100%;
  position:absolute;
  right:0px;
  top:60px;
  border-left:1px solid #444444;
}

※height: 部分をご変更くださいませ。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事