ヘッダーメニューは、HTMLタグを追加することで非表示にできます。
このFAQの対象機能
・特集ページ機能から作成できる GOLD製特集ページ
・グローバルデザイン機能（ヘッダー・フッター・レフトナビのデザインを作成する機能）
ご質問
グローバルデザイン機能やGOLD製特集ページで、ページ上部に表示されるヘッダーメニューを非表示にできますか。
ご回答
HTMLタグを追加すると非表示にできます。
前提：ヘッダーメニューって？
ページ最上部に表示されます↑黄色枠箇所のメニューを指します。
ビーノのシステム仕様上、通常は固定で表示されますが、非表示にするためのCSSを追加することで、店舗様側で非表示にできます。
ご注意
HTMLタグやCSSを使ったカスタマイズは、ビーノのサポート対象外です。
本記事ではヘッダーメニューを非表示にする方法のみご案内します。その他のカスタマイズについては、店舗様ご自身の責任で対応してください。
ご設定手順
1. CSSをコピーする
<style>
.c-header__menu {
display: none;
}
</style>
2. グローバルデザイン機能の場合：フリースペースパーツで設定する
2-1. 「パーツを追加する」をクリック
2-2. 「ヘッダー」をクリック
2−3. 「フリースペース」をクリック
2−4. 「編集エディタを開く」をクリック
2−5. 「< >」をクリック
2-6. コピーしたCSSを貼り付ける
2−7. 「決定する」をクリック
2−8. パーツ編集画面の「決定」をクリック
2−9. 「反映する」をクリック
ページの作成・反映を行っていただきますことで、看板画像が非表示化されるはずです！
システムの仕様上、管理画面上ではヘッダーメニューが非表示にならない場合があります。
反映後のページで、非表示になっているか確認してください。
3. 特集ページの場合：「SEO／外部読み込みの設定」を使用
3−1. 「 SEO／外部読み込みの設定」をクリック
3−2. コピーしたCSSを貼り付ける
3−3. 「保存する」をクリック
3−4. 「反映する」をクリック
ページの作成・反映を行っていただきますことで、看板画像が非表示化されます。
システムの仕様上、プレビュー画面に反映させるためにはページ反映が必要です。
反映後のページで、非表示になっているか確認してください。
その他パーツの非表示化について
サポート対象外となります
恐れ入りますが、ビーノのカスタマーサポートでは、HTML/CSSなどコードに関する個別のご案内はできません。
関連キーワード
ヘッダーメニュー 非表示 ヘッダー メニュー削除 CSS HTMLタグ グローバルデザイン GOLD製特集ページ
