Controla el espaciado y la altura del encabezado de tu sitio web para que coincida con tus preferencias de diseño.
​

El espaciado del encabezado controla el espacio arriba y abajo del contenido de tu encabezado. Ajustarlo cambia cuánto espacio de respiro tienen tus nombres, logo y fecha de la boda, ¡afectando la apariencia general de tu sitio!
​

Espaciado es el espacio entre el contenido de tu encabezado (nombres o logo, fecha de la boda y botón de confirmación de asistencia) y los bordes del área del encabezado. Tu menú de navegación y tu imagen de encabezado están fuera de esta área y no se ven afectados.
​

Espaciado superior: Espacio arriba del contenido de tu encabezado
​

Espaciado inferior: Espacio abajo del contenido de tu encabezado
​

Más espaciado = encabezado más grande y espacioso
Menos espaciado = encabezado compacto y simplificado
​

Equilibrio visual. Algunos encabezados se sienten apretados, otros demasiado amplios.
​

Combina con tu estilo. Las bodas elegantes podrían querer más espacio, las casuales menos.
​

Optimización móvil. El espaciado se ajusta al ancho de la pantalla, así que es automáticamente más pequeño en teléfonos.
​

Tamaño del logo. Si tienes un logo, más espaciado le da espacio para respirar.
​

Preferencia personal. ¡Quizás simplemente te gusta cómo se ve cierta cantidad de espaciado!
​

¡El espaciado de tu encabezado se actualiza inmediatamente!
​

El espaciado se configura como un porcentaje del ancho de la pantalla, no en píxeles. Cada control deslizante se mueve en 12 pasos, desde sin espaciado en Menos hasta aproximadamente el 30% del ancho de la pantalla en Más.
​

Cerca de Menos: Compacto, mínimo
​

En el medio: Cómodo, estándar
​

Cerca de Más: Espacioso, encabezado dramático con presencia
​

El espaciado superior y el inferior se configuran por separado, así que puedes usar valores diferentes:
​

Más arriba, menos abajo: Empuja el contenido hacia abajo desde la parte superior
​

Más abajo, menos arriba: Crea espacio antes de que comience el contenido de la página
​

Igual: Apariencia centrada y equilibrada
​

Diferente: Asimétrico, puede crear efectos interesantes
​

¡Experimenta para ver qué se ve mejor!
​

Logos grandes: Dales espacio para brillar
​

Diseños mínimos: El espacio en blanco extra se siente elegante
​

Vistas de escritorio: Las pantallas más grandes pueden manejar más espaciado
​

Hacer una declaración: Mucho espaciado crea un look audaz y seguro
​

Dispositivos móviles: Ahorra espacio de pantalla en pantallas pequeñas
​

Sitios con mucho contenido: Llega a tu contenido más rápido
​

Temas minimalistas: Algunos temas están diseñados con espaciado mínimo
​

Después de ajustar:
​

No hay una configuración separada para móvil. Como el espaciado es un porcentaje del ancho de la pantalla, la misma configuración da un encabezado espacioso en computadoras y uno más pequeño en teléfonos automáticamente.
​

Tu imagen de encabezado está arriba del área con espaciado del encabezado, así que el espaciado no cambia su tamaño. Si agregaste un Fondo del encabezado, este llena el área con espaciado, así que más espaciado muestra más del fondo alrededor de tus nombres.
​

Tu menú de navegación está separado del encabezado, así que el espaciado del encabezado no lo cambia.
​

El espaciado del encabezado es responsivo en todos los temas: es un porcentaje del ancho de la pantalla, así que se ajusta automáticamente según el tamaño de pantalla.
​

El espaciado afecta cuán "pesado" se siente tu encabezado:
​

Más espaciado = más ligero, aireado
​

Menos espaciado = más denso, compacto
​

¡Combina con la sensación que quieres que los invitados tengan al visitar tu sitio!
​

El espaciado trabaja con la alineación para crear la apariencia de tu encabezado:
​

Contenido centrado + mucho espaciado: Elegante, formal
​

Contenido alineado a la izquierda + espaciado mínimo: Moderno, limpio
​

Centrado + espaciado mínimo: Compacto, eficiente
​

Demasiado: El encabezado ocupa la mitad de la pantalla antes de que los invitados vean contenido
​

Muy poco: El encabezado se siente apretado y difícil de leer
​

Desbalanceado: El espaciado superior e inferior son muy diferentes sin razón
​

No probar en móvil: Se ve genial en escritorio, terrible en teléfonos
​

Los controles deslizantes no muestran una unidad. Internamente, el espaciado es un porcentaje (%) del ancho de la pantalla, por eso se ajusta en pantallas más pequeñas.
​

Espaciado (padding): Espacio dentro del encabezado (alrededor del contenido)
​

Margen: Espacio fuera del encabezado (entre el encabezado y otros elementos)
​

Estos controles deslizantes ajustan el espaciado, el espacio dentro del encabezado. No hay una configuración de margen del encabezado.
​

Si no estás seguro:
​

Empieza con la configuración actual
​

Ajusta gradualmente (uno o dos pasos del control deslizante a la vez)
​

Anota dónde empezaron los controles deslizantes, ya que no hay un botón para restablecerlos
​

El espaciado del encabezado se mantiene igual mientras los invitados se desplazan.
​

El espaciado no cambia el tamaño de los botones ni de los enlaces, así que no hará que nada sea más difícil de tocar
​

Demasiado espaciado empuja tu contenido más abajo, así que los invitados se desplazan más en teléfonos
​

¡Equilibra la estética con la usabilidad!
​

¡El espaciado del encabezado es un detalle sutil que marca una gran diferencia en cuán pulido y profesional se siente tu sitio. Vale la pena dedicar unos minutos a ajustarlo!
​