Una cabecera pegajosa permanece fija en la parte superior de la pantalla mientras los visitantes se desplazan hacia abajo. Esto mantiene tu menú de navegación visible en todo momento, facilitando que los usuarios naveguen por tu sitio sin tener que volver a desplazarse hasta arriba.
Paso 1: Añadir una Sección de Cabecera
Abre la página o plantilla que deseas editar en el constructor de SeedProd. Añade una sección que contendrá los elementos de tu cabecera: tu logo, menú de navegación o cualquier otro contenido de cabecera.
Paso 2: Abrir la Configuración de la Sección
Haz clic en el icono del engranaje en la barra de herramientas morada de la sección para abrir su panel de configuración. Alternativamente, abre el panel Navegación de Diseño y haz clic en la sección de cabecera desde allí.
Paso 3: Abrir el Panel de Posición
En la configuración de la sección, haz clic en la pestaña Avanzado y luego expande el panel Posición.
Paso 4: Configurar la Posición Pegajosa
En el menú desplegable Posición, selecciona Pegajoso. Luego configura los siguientes valores para asegurar que la cabecera permanezca anclada en la parte superior por encima de todos los demás elementos de la página:
- Desplazamiento Superior: Establécelo en
0para que la cabecera quede perfectamente alineada con la parte superior de la ventana gráfica. - Índice Z: Establécelo en un valor alto como
9999para asegurar que la cabecera aparezca por encima de todos los demás elementos de la página.
Paso 5: Guardar y Previsualizar
Haz clic en Guardar para aplicar tus cambios, luego previsualiza la página. Desplázate hacia arriba y hacia abajo para confirmar que la cabecera permanece fija en la parte superior de la pantalla.
Tu cabecera pegajosa ya está activa. Los visitantes siempre tendrán tu navegación al alcance mientras se desplazan por cualquier página de tu sitio, sin importar la longitud del contenido.