ヘッダーとフッターの空白を削除する

ヘッダーの下の空白を削除する

ヘッダーの下のギャップを削除するには、主に 2 つの方法があります。

方法1: カスタムCSSでヘッダーギャップをグローバルに削除する

この方法はオンラインストア全体に適用され、 Debut テーマ。

ステップ 1: ギャップを削除するために特別に記述されたこれらの CSS コード行をコピーします。

html.gemapp .main-content {

   padding-top: 0 !important;

   padding-bottom: 0 !important;

   margin-top: 0 !important;

}

ステップ 2：へ行く Shopify管理 > オンラインストア > テーマ > アクション > コードの編集.

ステップ 3: 左側のパネルで、「theme.css「資産” フォルダに移動し、右側のパネルでファイルの一番下までスクロールします。

ステップ 4: コードをファイルに貼り付けて、「Save"

方法2：GemPagesエディタで単一ページのヘッダーギャップを削除する

この方法は、作業中の1ページのギャップを削除します。 GemPages.

ステップ 1： の中に GemPagesダッシュボード、ページを選択して エディター.

ステップ 2： の中に エディターヘッダーに最も近い要素を選択すると、その設定が左側のサイドバーに表示されます。任意の要素（通常は 画像, ヒーローバナー, 行 要素、または 製品 モジュール）。

ステップ 3: に切り替える 高機能 タブをクリックすると、 間隔 のセクションから無料でダウンロードできます。

ステップ 4: 要素の上余白の値を負の値に減らします。値が小さいほど、要素はヘッダーに近くなります。

ステップ 5： 打つ "Save"と"パブリッシュ” をクリックして、ライブページで結果を確認してください。

フッターの空白を削除する

そして 方法2 ヘッダーの場合、フッターに最も近い要素の下余白の値を減らします。

「Save"と"パブリッシュ」をクリックして、ライブページで結果を確認してください。