[戻る]
No.5906

ヘッダー常時表示

小澤卓也さん  投稿日:2022/01/19(Wed) 14:03
key

ヘッダー部分全体(シェアボタン、ショップロゴ、ヘッダーメニュー等)をスクロールした時も常に上部に表示させる事は可能でしょうか。

Re: ヘッダー常時表示

おたすけマイショップさん  2022/01/19(Wed) 17:22 No.5909
key

ヘッダー自体を固定する機能はございませんので、下記のようなスタイル追加での対応をお願いいたします。
※メニューの高さや色は適宜変更をお願いいたします。
※サンプルでは高さ0px、色はグレー、ヘッダーメニュー以外のコンテンツ位置を135pxに指定しています。

■ヘッダー全体を固定するスタイル例
div#online_contents {
padding-top: 135px; /* ヘッダーメニュー以外のコンテンツ位置 */
}

.pane_head {
position: fixed;
top: 0; /*メニューの高さ*/
width: 100%;
z-index: 1;
background: #797979; /*メニューの色*/
}

@media only screen and (max-width: 700px) {
div#online_contents {
padding-top: 135px;/*
スマートフォン表示時のヘッダーメニュー以外のコンテンツ位置 */
}
}

なお、基本的に弊社サポート範囲はイージーマイショップ上で予め用意している機能の設定や操作方法となります。
CSSによる設定はサポート外の部分もあり、設定のご案内ができない場合もございますことを予めご了承ください。



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』