Eliminar el Espacio en Blanco en el Encabezado y Pie de Página

Eliminar el Espacio en Blanco Bajo el Encabezado

Existen dos métodos principales para eliminar el espacio bajo su encabezado:

Método 1: Eliminar el espacio del encabezado globalmente con CSS personalizado

Este método se aplicará a toda su Tienda Online y eliminará el espacio para todas las páginas que utilicen el tema Debut .

Paso 1Copie estas líneas de código CSS, escritas específicamente para eliminar el espacio.

html.gemapp .main-content {

   padding-top: 0 !important;

   padding-bottom: 0 !important;

   margin-top: 0 !important;

}

Paso 2: Vaya a Administración de Shopify > Tienda en línea > Temas > Acciones > Editar código.

Paso 3En el panel lateral izquierdo, busque y abra el archivo “theme.css” bajo la carpeta “Activos” y luego desplácese hacia abajo hasta el final del archivo en el panel derecho.

Paso 4Pegue el código en el archivo y presione "Guardar".

Método 2: Eliminar el espacio del encabezado para una sola página en el Editor de GemPages

Este método elimina el espacio para una sola página en la que está trabajando en GemPages.

Paso 1: En el Panel de Control de GemPages, seleccione su página e ingrese al Editor.

Paso 2: En el Editor, seleccione el elemento que esté más cerca del Encabezado para mostrar sus configuraciones en la barra lateral izquierda. Puede ser cualquier elemento (generalmente una Imagen, Hero Banner, elemento Fila, o un módulo de Producto).

Paso 3: Cambie a laAvanzadopestaña, verá el Espaciado(s).

Paso 4: Reduzca el valor del margen superior del elemento a un valor negativo. Cuanto menor sea el valor, más cerca estará el elemento del Encabezado.

Paso 5: Presione Guardar y Publicarpara comprobar el resultado en la página en vivo.

Eliminar espacios en blanco en el pie de página

Similar a Método 2 para el Encabezado, reduciremos el valor del margen inferior del elemento más cercano al Pie de página.

Haga clic en "Guardar" y "Publicarpara comprobar el resultado en su página en vivo.