ELIMINAR ESPACIO VACÍO ENTRE MENÚ E IMAGEN

Hola.
Lo de los bordes superiores e inferiores es porque el tamaño de la imagen no coincide con el de la pantalla (las proporciones) y esta se escala para ocupar el espacio de distintas formas.

Esto se cambia por CSS:

background-size: cover;
background-size: auto;
background-position: center;
background-position: top;
background-position: bottom;
background-position: left;
background-position: right;

Entre otros, también con el ancho y el alto, si defines ancho del 100% el alto se adapta, si defines alto de 100% se adapta el ancho, y si defines los dos al 100% cubres la pantalla con una imagen deformada.

Para el menú es más de lo mismo, tienes que ver la clase que lo maneja y modificarla, puede ser una ancho definido o un padding, por ejemplo, pero sin ver la web no te puedo decir más.

Saludos y a jugar con el CSS

PD.: si indicas que tema usas, a lo mejor podemos ver algo más.

• Esta respuesta fue modificada hace 7 años, 7 meses por jose64.

Hola: Justamente por ser gratuito (del repositorio) es que podemos ayudarte, no te preocupes por eso que no estás preguntando nada de más

Para quitar por CSS es espacio blanco incluye esto en tu css personalizado:

.site-content {
    display: none;
}

La imagen de fondo:

body.home.page-template-default.page.page-id-4841.custom-background.wp-custom-logo.no-sidebar.boxed-layout.extended-header.header-default.elementor-default {
    background-image: none;
}

con ese css ocultas la imagen de fondo
Ahora mismo tienes
background-position: center center; (centro de la imgen coincide con centro de pantalla)
Puedes cambiarla para que quede alineada de otra manera (bottom, left, right, top)

background-size: cover; (la imagen cubre todo el fondo)
Puedes especificar tamaños, ancho del viewport, porcentajes…

background-repeat: no-repeat; (la imagen aparece una sola vez, no en mosaico)

background-attachment: fixed; (La iagen permanece estática en el fondo)
Puedes cambiarla por scroll para que se desplace con el texto, pero te va a dejar el fondo de color cuando acabe la imagen.

Si no te va bien, repite que en cuanto pueda te busco alternativas, ahora mismo no tengo tiempo para montar el tema y ver las opciones de configuración que tiene.

La caja en blanco que tienes al final es un div sin contenido, edita la página que seguramente tienes algún campo vacío por ahí.

Con respecto a la versión mobile, ya te digo que no instalé el tema, así que te indico como suele ser: en la configuración debes tener las opciones para móvil desactivadas, revisa a ver si ves algo, yo hasta el martes dudo que pueda instalarlo, si no resuelves da aviso y me lo pongo como tarea.

Saludos