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

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

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

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

本来はビーノシステム仕様上、固定で表示されるものとなりますが、フリースペースパーツへ非表示にするためのCSSを記載することにより店舗様側にて非表示化が可能です。

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

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

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

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

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

2. タグの貼り付け箇所

トップページ・特集ページ作成画面:ヘッダーへフリースペースパーツを追加

以下を参考にトップページ作成画面へフリースペースパーツを追加し、上記タグを貼り付けます。

トップページを作る/特集ページを作る > パーツを追加する > ヘッダー > フリースペース 内へ貼り付け

貼り付け内容に誤りがなければトップページ(特集ページ)を反映いただきますことで、トップページ(特集ページ)上からヘッダーメニューが非表示化されるはずです。

※なお、システムの仕様上、管理画面では非表示にならず、反映後のページで非表示となります

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

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

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

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

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

この記事について評価をお願いいたします
  • 役に立った (0)
  • わかりにくい (0)
  • 必要な情報がなかった (0)
  • 探しにくかった (0)

関連しそうなFAQなど

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