Remova o espaço em branco no cabeçalho e rodapé

Remover espaço em branco sob o cabeçalho

Existem dois métodos principais para remover a lacuna sob o seu cabeçalho:

Método 1: Remover a lacuna do cabeçalho globalmente com CSS personalizado

Este método será aplicado a toda a sua Loja Online e removerá a lacuna de todas as páginas usando o Estréia tema.

Etapa 1: Copie estas linhas de código CSS, escritas especificamente para remover a lacuna.

html.gemapp .main-content {

   padding-top: 0 !important;

   padding-bottom: 0 !important;

   margin-top: 0 !important;

}

Etapa 2Aceda a Shopify Admin > Loja virtual > Temas > Ações > Editar Código.

Etapa 3: No painel lateral esquerdo, pesquise e abra o “tema.css” arquivo sob o “Ativos” pasta e, em seguida, role para baixo até o final do arquivo no painel direito.

Etapa 4: Cole o código no arquivo e clique em “Economize".

Método 2: Remover a lacuna do cabeçalho de uma única página no editor GemPages

Este método remove a lacuna de uma única página na qual você está trabalhando GemPages.

Etapa 1: No Painel GemPages, selecione sua página e digite o editor.

Etapa 2: No editor, selecione o elemento mais próximo do Cabeçalho para mostrar suas configurações na barra lateral esquerda. Pode ser qualquer elemento (geralmente um Imagem, Bandeira de herói, Linha elemento, ou um Produto módulo).

Etapa 3: Mudar para o Avançado guia, você verá o Espaçamento(s) seção.

Etapa 4: Reduza o valor da margem superior do elemento para um valor negativo. Quanto menor o valor, mais próximo o elemento estará do Cabeçalho.

Etapa 5: Bater "EconomizeePublicar” para verificar seu resultado na página ao vivo.

Remover espaço em branco no rodapé

Semelhante a Método 2 para o Cabeçalho, reduziremos o valor da margem inferior do elemento mais próximo do Rodapé.

Acertar "EconomizeePublicar” para verificar o resultado na sua página ativa.