Menu

Hola a todos,

Tengo un sitio en WordPress (piscinasenmurcia.es) y estoy experimentando un problema con el menú de la cabecera. El menú aparece más arriba que el título del sitio y el botón, sin que yo lo haya posicionado así.

🧩 Contexto

• Uso un tema personalizado (o un tema base con modificaciones).
• La cabecera incluye:
  • Un <h1> o logo con el título.
  • Botón(s) (por ejemplo, «Presupuesto» o «Llamar»).
  • Menú principal.
• El menú en el navegador se ve elevado, encima del resto, sin separación.

⚙️ Código relevante

.site-header { position: relative; text-align: center; } .header-buttons { /* como en tu ejemplo anterior */ } .main-menu { /* actualmente sin estilos de position */ } ❓ ¿Qué he probado?

• Revisado en herramientas del navegador y no veo position: absolute ni fixed aplicado al menú.
• No hay margen negativo evidente en .main-menu.
• El menú no está dentro de un contenedor con position: relative que lo deforme.

✅ Mis dudas

1. ¿Qué estilos comunes hacen que el menú se «escape» del flujo normal y se ubique más arriba?
2. ¿Cómo puedo asegurar que el menú esté alineado justo debajo del logo/título y botones? ¿Añadiendo position: static, clear: both;, margin-top, o contenedor flexbox?
3. ¿Cuál es la mejor manera de estructurar el CSS del header para evitar este desajuste?

Esta es mi web:

https://piscinasenmurcia.es/

Gracias por cualquier sugerencia o fragmento de CSS que me ayude a dejarlo alineado correctamente.

¡Gracias de antemano!

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