WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマPHOTEK:ヘッダーを固定する方法

Q.ヘッダーを固定したいです。

A.下記手順をお試し下さい。

追加CSSをご利用頂くか、下記ファイルにご追記ください。

追記CSSの場合

追加CSSの場合は、
外観>カスタマイズ>追加CSS
に下記内容をご記述ください。

記述内容:

.photek-head-wrap{
  position:fixed;
  width:100%;
  top:0;
}
div.main-content{
  margin-top:119px;
}

ファイルを編集する場合

追加CSSご利用されない場合は、下記ファイルにご追記ください。

編集するファイル:style.css

該当箇所:

.photek-head-wrap{
  background-color: #CD0008;
  background-color: #666;
  color: white;
  z-index:1;
}

追記内容:

.photek-head-wrap{
  background-color: #CD0008;
  background-color: #666;
  color: white;
  z-index:1;
  position:fixed;
  width:100%;
  top:0;
}
div.main-content{
  margin-top:119px;
}

尚、お客様ご自身でカスタマイズされることは可能でございますが、万が一カスタマイズによって不具合が生じましても、弊社では責任を負いかねますのでご了承ください。
カスタマイズに際しては必ずバックアップをご用意の上、お客様の責任において実施して頂きますようお願い申し上げます。

下記記事もご覧くださいませ。

TCDテーマINNOVATE HACKのグローバルメニュー固定する方法

TCDテーマでスマホページのヘッダーを固定する方法

The following two tabs change content below.

ヨコ

趣味はゲーム、マンガ、アニメです。 最近は3Dに何故か弱くなってしまったので、2Dアクションゲームばかりやっています。

最新記事 by ヨコ (全て見る)

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。