Q.スマホのヘッダーをスクロールでついてくるようにしたい
A.下記のphpファイルの該当箇所を編集してください
編集するファイル:responsive.css
編集する箇所:
#header { height: 60px; min-width: 100%; width: 100%; background: #fff; position: relative; top: 0px; z-index: 99999; border-bottom: 1px solid #ccc; border-top: 4px solid #333; box-shadow: 0 4px 4px 0 rgba(0,0,0,0.1); margin: 0; }
↓
#header { height: 60px; min-width: 100%; width: 100%; background: #fff; position: fixed; top: 0px; z-index: 99999; border-bottom: 1px solid #ccc; border-top: 4px solid #333; box-shadow: 0 4px 4px 0 rgba(0,0,0,0.1); margin: 0; }
position:fixedに変更しました。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!