【Sydney】PCレイアウトでヘッダー部分を完全に固定させる方法(CSS)

デフォルトの場合は下記ようになります

Sydney

※651部分にあるCSSをいじる必要があります。

.site-header {
position: fixed;←を削除することで
top: 0;
left: 0;
width: 100%;
z-index: 1000;
background-color: transparent;
padding: 20px 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

下記のようにヘッダー部分が独立します。

※スクロールしてもヘッダーが追跡されるようであれば【標準】にすることで改善します。

Sydneyカスタマイズ

コメント

タイトルとURLをコピーしました