ヘッダーメニューを非表示化(削除)したい

HTMLタグを追記することで非表示化が可能です

前提:ヘッダーメニューって?

ページ最上部に表示されます↑黄色枠箇所のメニューを指します。

本来はビーノシステム仕様上、固定で表示されるものとなりますが、新たに開発されました head タグの指定機能により店舗様側にて非表示化が可能となりました。

ただし、HTMLの知識が必要となりますため、本記事ではヘッダーメニューの非表示化に絞ってHTMLタグの説明を記載致します。

ご注意:
HTMLタグ等を使ったカスタマイズにつきましては、本来弊社サポート対象外となります。
恐れ入りますが、原則として店舗様ご責任にてご対応いただきますようお願い致します。

1. コピーしていただくHTMLタグ

まず以下を全てコピーしましょう。

<style>
.c-header__menu {
  display: none;
}
</style>

2. タグの貼り付け箇所

1. ビーノ:PCトップページ作成画面

以下を参考にトップページ作成画面へと上記タグを貼り付けます。

PCトップページを作る > SEO/外部読み込みの設定 内へ貼り付け

貼付け後は必ず「保存」ボタンを押しましょう。
貼り付け内容に誤りがなければページを反映いただきますことで、トップページ上からヘッダーメニューが非表示化されるはずです。

2. 楽天RMS:ヘッダーコンテンツ

以下を参考にRMSのヘッダーコンテンツへと同じく貼り付けましょう。

以上でヘッダメニューの強制的な非表示化(削除)が完了したかと思います。

なお、キャッシュの影響により即反映確認ができない場合もございますため、ご確認時には必ずページの再読み込みを行っていただくようお願い致します。

その他パーツの非表示化について

サポート対象外となります

恐れ入りますが、弊社カスタマーサポートにてHTML/CSSなどコードに関するご回答はできかねますため、店舗様ご自身にてブラウザの検証モードなどをご利用いただき、ご対応いただきますようお願い致します

知りたかった点は解決しましたか?

関連しそうなFAQなど

ビーノとSUMAOU!の違い 次の開発予定 動画で学ぶビーノ 導入事例