Soporte » Diseño – Temas y plantillas » Como eliminar el espacio en mi header y footer

  • Resuelto lizjlope

    (@lizjlope)


    Saludos, estoy diseñando la pagina f4l.fit pero no logro eliminar el espacio en blanco debajo de mi menú, estoy usando la plantilla twenty-twenty one y elementor para editar.
    Agradecería vuestra ayuda.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 10 respuestas - de la 1 a la 10 (de un total de 10)
  • Moderador almendron

    (@almendron)

    El problema es que has definido varios «padding-bottom»:

    .site-header {
    	padding-bottom: calc(3 * var(--global--spacing-vertical));
    }
    
    .site-header, .site-main, .widget-area, .site-footer {
    	padding-top: var(--global--spacing-vertical);
    	padding-bottom: var(--global--spacing-vertical);
    	margin-left: auto;
    	margin-right: auto;
    }
    
    .site-header {
    	padding-top: calc(0.75 * var(--global--spacing-vertical));
    	padding-bottom: calc(2 * var(--global--spacing-vertical));
    }

    Prueba a añadir en Apariencia > Personalizar > CSS adicional:

    .site-header {
    	padding-bottom: 0 !important;
    }
    • Esta respuesta fue modificada hace 3 meses, 2 semanas por almendron.
    Iniciador del debate lizjlope

    (@lizjlope)

    Muchas gracias, lo he intentado, pero el problema persiste.

    Moderador almendron

    (@almendron)

    Debería funcionar ya que lo he aplicado con el inspector y funciona perfectamente.

    ¿Dónde has añadido el código y qué has añadido?

    Iniciador del debate lizjlope

    (@lizjlope)

    Muchas gracias, ya lo pude solucionar, necesitaba borrar el caché,
    me puedes ayudar con el footer, intente colocar
    .site-footer {
    padding-top: 0 !important;
    }
    pero no funcionó.
    Gracias de antemano

    Moderador almendron

    (@almendron)

    Es que no es en el footer donde te queda ese espacio sino en un área de widgetgs

    .widget-area {
    	margin-top: -50px !important;
    }

    Debes tener en cuenta que estas son soluciones parciales y que el sitio de puede ver afecto por estas adiciones dependiendo del dispositivo.

    Deberías revisar la plantilla y corregir en ella estos problemas.

    Iniciador del debate lizjlope

    (@lizjlope)

    Hola, gracias, efectivamente voy probando en diferentes sistemas y diferentes dispositivos, pero no me funciona esta linea ver aqui imagen

    Moderador almendron

    (@almendron)

    Carga la hoja de estilos original del tema que estés usando que es la que menos problemas te dará.

    Iniciador del debate lizjlope

    (@lizjlope)

    Lo he cambiado en el archivero de cpanel, pero aun me aparece el espacio en blanco en la parte inferior de la página

    Moderador almendron

    (@almendron)

    Por lo que veo, ya lo has solucionado. La veo mucho mejor con la nueva plantilla.

    Iniciador del debate lizjlope

    (@lizjlope)

    Si muchas gracias, me costo que se cayera la pagina una vez haha, pero ya esta mucho mejor, muchas gracias por tu ayuda.

Viendo 10 respuestas - de la 1 a la 10 (de un total de 10)
  • Debes estar registrado para responder a este debate.