Email-Icon Created with Sketch. Group 3 Created with Sketch. Domains-SVG-Box Created with Sketch. Domains-SVG-Box Created with Sketch. Domains-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Icon-Internet Created with Sketch. Hosting-SVG-Box Created with Sketch. Icon-Internet Created with Sketch. Icon-Internet Created with Sketch. Hosting-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Trust Pilot Stars Created with Sketch. 1-5-million Created with Sketch. black-green yellow_blue Control-panel-Icon Created with Sketch. WSB-Brush Created with Sketch. WSB-Brush Created with Sketch. WSB-Brush Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. icon-slider-next Created with Sketch. icon-slider-prev Created with Sketch. Webmail-icon Created with Sketch. heart Created with Sketch. Open-24-7 Created with Sketch. 247 Created with Sketch. open24 Created with Sketch. 24 7 trusted Created with Sketch. Fill 1 Created with Sketch.

¿Cómo añado un encabezado responsivo?

El encabezado responsivo ajusta su tamaño, dependiendo del tamaño de la pantalla. En el Website Buidler usted puede usar el componente de fondo para añadir un encabezado responsivo.

Por defecto, un componente de fondo estará oculto en pantallas pequeñas, a no ser que contenga otros componentes como texto o imágenes. Para mantener un encabezado visible en dispositivos móviles asegúrese de añadir contenido encima del mismo.

Consejo: Si no quiere añadir ningún texto, pero aún quiere mantener el encabezado visible en pantallas pequeñas, añada un componente texto que contenga únicamente espacios y entradas.
  1. Inicie sesión en el Panel de Control y abra el Website Builder.
  2. Vaya a la pestaña Componentes y arrastre el componente Fondo de pantalla a su página web.
  3. Bajo Propiedades haga clic en el desplegable al lado de Fondo.
  4. Debajo de Imagen haga clic en el icono engranaje y seleccione la imagen que quiera usar como encabezado.
  5. Ajuste el tamaño y colocación del componente fondo y ajústelo a la anchura de la pantalla, haciendo clic en el botón ajustar en la esquina superior derecha.
  6. Añada un componente encima del encabezado, puede ser el título de su sitio o un logotipo.
  7. Haga clic en Guardar en la esquina superior izquierda y en Publicar para hacer el encabezado visible en su página web.

Use the background component to add a responsive header
Consejo: Compruebe cómo se ve su página en pantallas pequeñas con la opción Vista Previa. Puede cambiar entre vista de ordenador o de móvil, también entre vista horizontal y vertical.

Artículos relacionados:

¿Cómo inserto una imagen?
¿Cómo inserto una presentación de diapositivas?