Entfernen Sie den Leerraum in der Kopf- und Fußzeile

Leerraum unter der Überschrift entfernen

Es gibt zwei Hauptmethoden, um die Lücke unter Ihrer Kopfzeile zu entfernen:

Methode 1: Header-Lücke global mit benutzerdefiniertem CSS entfernen

Diese Methode wird auf Ihren gesamten Online-Shop angewendet und schließt die Lücke für alle Seiten mithilfe der Debüt Thema.

Schritt 1:: Kopieren Sie diese CSS-Codezeilen, die speziell zum Schließen der Lücke geschrieben wurden.

html.gemapp .main-content {

   padding-top: 0 !important;

   padding-bottom: 0 !important;

   margin-top: 0 !important;

}

Schritt 2:Gehen Sie auf Shopify-Admin > Online-Shop > Themen > Aktionen > Code bearbeiten.

Schritt 3:: Suchen und öffnen Sie im linken Seitenbereich die „theme.css”-Datei unter dem „Details“-Ordner und scrollen Sie dann im rechten Bereich zum Ende der Datei.

Schritt 4:: Fügen Sie den Code in die Datei ein und klicken Sie auf „Gespeichert".

Methode 2: Entfernen Sie die Kopfzeilenlücke für eine einzelne Seite im GemPages-Editor

Mit dieser Methode wird die Lücke für eine einzelne Seite entfernt, an der Sie gerade arbeiten. GemPages.

Schritt 1:: In dem GemPages Dashboard, wählen Sie Ihre Seite aus und geben Sie die Herausgeber.

Schritt 2:: In dem Herausgeber, wählen Sie das Element aus, das dem Header am nächsten ist, um seine Konfigurationen in der linken Seitenleiste anzuzeigen. Es kann jedes beliebige Element sein (normalerweise ein Bild, Heldenbanner, Reihe Element oder ein Produkt Modul).

Schritt 3:: Wechseln Sie auf die Erweitert Registerkarte, sehen Sie die Abstand(e) .

Schritt 4:: Reduzieren Sie den oberen Randwert des Elements auf einen negativen Wert. Je niedriger der Wert, desto näher ist das Element an der Kopfzeile.

Schritt 5:: Schlag "Gespeichert" und "Veröffentlichen“, um Ihr Ergebnis auf der Live-Seite zu überprüfen.

Leerzeichen in der Fußzeile entfernen

Ähnlich Methode 2 Für die Kopfzeile reduzieren wir den unteren Randwert des Elements, das dem Fußbereich am nächsten liegt.

Schlagen "Gespeichert" und "Veröffentlichen“, um das Ergebnis auf Ihrer Live-Seite zu überprüfen.