CSSセレクタを見つける

Shopify をお使いですか？ このページは不要かもしれません。 Navi+ は 331 の Shopify テーマ（ハンバーガー、ヘッダー、ロゴ、メインメニュー、検索・カートアイコン）の正しいセレクターをあらかじめ把握しています。Publish ステップ、またはメニュー作成時の「Where should this menu go?」ステップでテーマを選ぶだけで、CSS Selector 欄は自動入力されます。スクリーンショット付きの一覧は naviplus.io/shopify-themes をご覧ください。以下の手順は、カスタムテーマや一覧にないテーマ、Shopify 以外のサイトの場合のみ必要です。

CSSセレクタはCSSにおいて非常に興味深い概念です — それはあなたのウェブサイトのどの部分が置き換え可能またはNavi+メニューを挿入できるかを定義します（前または後のいずれか）。

ここにあなたが使用できるCSSセレクタの例があります：

#header           /* ヘッダーエリア */
.navbar           /* メインナビゲーションバー */
.footer           /* フッターセクション */
.main-content     /* メインコンテンツコンテナ */
.product-gallery  /* 商品画像セクション */
div#menu-wrapper  /* IDが「menu-wrapper」の特定のdiv */
section.hero      /* ページのトップにあるヒーローセクション */

以下の指示に従って、あなたのウェブサイトで正しいCSSセレクタを見つけてください。