Supprimer l'espace blanc dans l'en-tête et le pied de page

Supprimer l'espace blanc sous l'en-tête

Il existe deux méthodes principales pour supprimer l’espace sous votre en-tête :

Méthode 1 : Supprimer l'espace d'en-tête globalement avec un CSS personnalisé

Cette méthode s'appliquera à l'ensemble de votre boutique en ligne et supprimera l'espace pour toutes les pages à l'aide de Début thème.

Étape 1:Copiez ces lignes de code CSS, spécifiquement écrites pour supprimer l'espace.

html.gemapp .main-content {

   padding-top: 0 !important;

   padding-bottom: 0 !important;

   margin-top: 0 !important;

}

Étape 2: Aller à Administration Shopify > Boutique en ligne > Thèmes > Actions > Modifier le code.

Étape 3:Sur le panneau de gauche, recherchez et ouvrez le «thème.css" déposer sous le "Outils», puis faites défiler vers le bas du fichier dans le panneau de droite.

Étape 4:Collez le code dans le fichier et appuyez sur «Enregistrer" .

Méthode 2 : Supprimer l'espace d'en-tête d'une seule page dans l'éditeur GemPages

Cette méthode supprime l'espace pour une seule page sur laquelle vous travaillez GemPages.

Étape 1: Dans le Tableau de bord GemPages, sélectionnez votre page et entrez le Éditeur.

Étape 2: Dans le Éditeur, sélectionnez l'élément le plus proche de l'en-tête pour afficher ses configurations dans la barre latérale gauche. Il peut s'agir de n'importe quel élément (généralement un Image(s), Bannière de héros, Rangée élément, ou un Produit module).

Étape 3: Passer à la Avancé onglet, vous verrez le Espacement(s) .

Étape 4: Réduisez la valeur de la marge supérieure de l'élément à une valeur négative. Plus la valeur est basse, plus l'élément sera proche de l'en-tête.

Étape 5: Frapper "Enregistrer" et "Publier" pour vérifier votre résultat sur la page en direct.

Supprimer les espaces blancs dans le pied de page

Similaire à Méthode 2 pour l'en-tête, nous réduirons la valeur de la marge inférieure de l'élément le plus proche du pied de page.

Frappé "Enregistrer" et "Publier" pour vérifier le résultat sur votre page en direct.