Documentación de SeedProd

Documentación, materiales de referencia y tutoriales para SeedProd

Cómo crear una cabecera adhesiva

Un encabezado fijo permanece en la parte superior de la pantalla mientras los visitantes se desplazan hacia abajo por la página. De este modo, el menú de navegación permanece visible en todo momento, lo que facilita a los usuarios desplazarse por el sitio web sin tener que volver a la parte superior.


Paso 1: Añadir una sección de encabezado

Abre la página o plantilla que quieras editar en el constructor de SeedProd. Añade una sección que contenga los elementos del encabezado: tu logotipo, el menú de navegación o cualquier otro contenido del encabezado.


Paso 2: Abre la configuración de la sección

Haz clic en el icono con forma de engranaje de la barra de herramientas morada de la sección para abrir su panel de configuración. También puedes abrir el panel «Navegación de diseño» y hacer clic en la sección del encabezado desde allí.

Icono de engranaje de configuración de sección en la barra de herramientas morada de SeedProd

Paso 3: Abre el panel «Posición»

En la sección de configuración, haz clic en la pestaña «Avanzadas » y, a continuación, despliega el panel «Posición ».

Pestaña «Avanzado» con el panel «Posición» abierto en la configuración de la sección SeedProd

Paso 4: Configurar la posición fija

En el menú desplegable «Posición», selecciona «Fijado». A continuación, configura los siguientes valores para garantizar que el encabezado permanezca fijado en la parte superior, por encima de todos los demás elementos de la página:

  • Desplazamiento superior: Configurar en 0 de modo que el encabezado quede alineado con la parte superior de la ventana de visualización.
  • Índice Z: Establezca un valor alto, como 9999 para garantizar que el encabezado aparezca por encima de todos los demás elementos de la página.
Configuración de posiciones fijas que muestra los campos «Posición», «Desplazamiento superior» e «Índice Z»

Paso 5: Guardar y previsualizar

Haz clic en «Guardar» para aplicar los cambios y, a continuación, previsualiza la página. Desplázate hacia arriba y hacia abajo para comprobar que el encabezado permanece fijo en la parte superior de la pantalla.


Tu encabezado fijo ya está activo. Los visitantes siempre tendrán la navegación a su alcance mientras se desplazan por cualquier página de tu sitio web, independientemente de la longitud del contenido.

Artículos relacionados