カエテンジョイSeesaa版(旧デザインシステム)

ヘッダーナビを固定する

●掲載ソースを追加して正しく表示されないときは次を確認ください。

 

・ソースが文字化けしている可能性があります。一旦テキストエディタに貼り付けて確認してください。

・ご自身で全角スペースを入力している可能性があります。全角スペースを削除してください。

 

●画像は説明用のイメージサンプル画像です。

 

実際のブログや管理画面とは細部の表示が異なる部分がありますので予めご了承ください。

 

●CSS/HTMLソースの行数の番号/色は説明用です。

 

実施のブログでは、行数が違う・行数表示が無い・色が無い、となりますので予めご了承ください。

ヘッダーナビを固定する


ヘッダーナビは、
下記図のようにスクロールしても常に、ブログ上部に、固定表示させることができます。




変更方法

書き替えしたメインCSSの●表示制御から次の箇所を見つけてください。

/*ヘッダーナビを固定するときは適用*/
/*
#header-navi-outer {position: fixed; top:0; left:0;}
#header-outer {padding: 45px 0 20px 0;}

灰色行の記述の /* を削除ください。

※但し、追記文やコメントなどで一部隠れる箇所がでてきます。
※画面サイズ800px以下のスマホやタブレットでは、ヘッダーナビは固定されません。
※Seesaaデフォルト仕様の共通ヘッダー表示しないにしてください。




ホーム RSS購読 サイトマップ
設置マニュアル SEO対策の設定 カスタマイズ デザイン変更 Seesaa公式マニュアル