まかぽっぽ。

主にPSO2(ファンタシースターオンライン2)の攻略や最新情報などを取り扱っています。たまに雑記。

はてなブログのテーマ『Minimalism』のグローバルヘッダーの追従を解除する方法

こん。

 

 

/* ヘッダ(グローバルヘッダ)
グローバルヘッダの中はiframeですが、
#globalheader-container に背景色や文字色を指定することでiframeの中にも色が反映されます。

 


#globalheader-container {
background-color: #333;
color: #fff;
position: fixed;
top: 0;
left: 0;
width: 100%;
}

 

 

はてなブログのMinimalismというテーマのCSSの文中に「position: fixed;」という記載があり、これが原因でヘッダーの更に上の「グローバルヘッダー」ってやつがスクロールしてもついてきます。

 

編集してる側としては楽なのですが読者目線だとほとんどの人にとって邪魔なので、アクセスが増えてきたら固定を解除したほうがいいです。

 

やりかたは、CSSをコピペで導入してるならその部分だけ削除すればいいのですが、インポートして使ってるかたはCSSの文中に

 

#globalheader-container  { position: static; }

 

 

と記載すればいいはずです。

直らなかったらコメントで教えてくださると助かります。