Centro de ayuda de Squarespace Páginas y contenido Organizar el contenido

Visualización de menús desplegables por plantilla

Cómo se muestran los menús de navegación desplegables en tu sitio.

Última actualización: 28 de marzo de 2025

Puedes crear un menú desplegable en cualquier sitio empleando nuestra función de menús desplegables. La forma en la que se muestra el menú desplegable depende de la versión y la plantilla de tu sitio.

Visualización en un equipo

En la mayoría de los sitios, los enlaces del menú desplegable aparecen cuando desplazas el cursor sobre el menú desplegable. En algunas plantillas, el menú de enlaces solo aparece cuando haces clic en el menú desplegable.

Algunos menús desplegables incluyen un icono junto al nombre del menú para animar a los visitantes a ver el menú.

Familia de plantillas	Se expande en...	Icono	Notas
Sitios 7.1	Hover	Ninguna	Los enlaces se alinean a la izquierda cuando la navegación está alineada a la izquierda o al centro en el encabezado. Los enlaces se alinean a la derecha cuando la navegación está alineada a la derecha.
Adirondack	Hover	+	Los enlaces aparecen en una barra de navegación entre la navegación principal y el contenido de la página.
Avenue	Hover	Ninguna
Aviator	Haciendo clic	+
Bedford	Hover	Ninguna	El menú desplegable y sus enlaces crean una barra lateral de navegación en el lado izquierdo de las páginas de diseño.
Brine	Hover	Ninguna	Los menús desplegables no se muestran como menús desplegables en el pie de página. Si eliges Diseño: Columnas en estilos del sitio, cada menú desplegable en el pie de página crea su propia columna.
Farro	Hover	Ninguna
Five	Hover	Ninguna
Flatiron	Hover	Ninguna
Forte	Hover	+
Galapagos	Hover	+
Ishimoto	Hover	Ninguna
Momentum	Hover	Ninguna
Montauk	Hover	Ninguna
Native	Hover	Ninguna
Pacific	Hover	+
Skye	Haciendo clic	+
Supply	Haciendo clic	Ninguna	En estilos del sitio, elige Enlaces de carpeta: Contraíbles o Mostrar siempre.
Tremont	Haciendo clic	Ninguna
Wells	Haciendo clic	Ninguna	Se muestra expandido de forma predeterminada cuando se visualiza una página dentro del menú desplegable.
Wexley	Hover	+
York	Hover	ˇ

Navegación de menús desplegables

Estas familias de plantillas tienen estilos de menús desplegables distintivos que agregan una capa extra de navegación:

Adirondack: los enlaces de menús desplegables crean una barra de navegación.
Bedford: los menús desplegables crean una navegación de barra lateral en las páginas de diseño.
Brine: los menús desplegables del pie de página no se muestran como menús desplegables, sino como columnas.

Visualización en dispositivos móviles

Salvo que se indique lo contrario, los menús desplegables se contraen en dispositivos móviles y se expanden al pulsarlos. Algunos menús desplegables incluyen un icono junto al nombre del menú desplegable para animar a los visitantes a abrir el menú.

Familia de plantillas	Icono	Notas
Sitios 7.1	>	Se abre en una superposición. Toca Atrás para volver a la navegación principal.
Adirondack	+
Avenue	+
Aviator	+
Bedford	+
Brine	»	Se abre en una nueva superposición. Cuando ves una página en el menú desplegable, el menú permanece expandido en la navegación
Farro	»	Se abre en una nueva superposición Cuando ves una página en el menú desplegable, el menú permanece expandido en la navegación
Five	+
Flatiron	+
Forte	+	Cuando ves una página en el menú desplegable, el menú permanece expandido en la navegación
Galapagos	+
Ishimoto	+
Momentum	Ninguna	Siempre expandido
Montauk	+
Native	Ninguna	Siempre expandido, dentro de una navegación especial para dispositivos móviles
Pacific	+
Skye	+
Supply	Ninguna	Siempre expandido
Tremont	Ninguna
Wells	Ninguna	Siempre expandido. El título del menú desplegable tiene una línea debajo.
Wexley	+
York	ˇ	Cuando ves una página en el menú desplegable, el menú permanece expandido en la navegación

Hacer clic en el menú desplegable

En los sitios de la versión 7.1, al hacer clic en el título del menú desplegable, se expande su menú de enlaces.

En las siguientes familias de plantillas de la versión 7.0, al hacer clic en el título del menú desplegable se abre la primera página del menú desplegable:

Bedford - Vista de computadora
Brine - Vista de computadora
Farro: vista en computadoras
Flatiron - Vista de computadora
Momentum: vista en dispositivos móviles
Pacific - Vista de computadora
Wells: vista en dispositivos móviles

Para probar este comportamiento, abre la versión pública de tu sitio en una ventana de incógnito antes de hacer clic en el título del menú desplegable. Hacer clic en el menú desplegable con la sesión abierta puede no funcionar correctamente si el primer elemento de tu menú desplegable es un enlace a un sitio externo o a un archivo cargado.

Puedes crear un enlace del título del menú desplegable a una página agregando código personalizado. Para obtener más información, visita esta publicación en Squarespace Forum.

Ten en cuenta que las modificaciones de código personalizado quedan fuera del alcance de nuestro servicio de atención al cliente. Esto significa que no podemos ayudarte a configurar ni resolver problemas de las soluciones basadas en código.

Color de fondo del menú

Muchos sitios muestran un color de fondo detrás de los enlaces de los menús desplegables. En la mayoría de los sitios, este color coincide con otro elemento de tu sitio, como el fondo del encabezado o el fondo del sitio.

Usa la lista a continuación para encontrar los ajustes de estilo para el color de fondo del menú desplegable en tu sitio. Ten en cuenta que estos ajustes pueden modificar otros elementos de tu sitio. Para obtener más información sobre las plantillas de la versión 7.0, visita las guías de tu plantilla.

Familia de plantillas	Ajustes
Sitios 7.1	Fondo de sección en la sección Todo el sitio de la combinación de colores seleccionada.
Adirondack	Color de fondo en la sección encabezado del sitio
Avenue	Fondo del sitio
Aviator	Fondo del menú desplegable de carpetas
Bedford	Desplegables del encabezado: Color de fondo del encabezado Menús desplegables del pie de página: fondo de pie de página
Brine	Menús desplegables del encabezado: color de la carpeta Menús desplegables del pie de página: color de fondo en la sección Pie de página
Farro	Menús desplegables del encabezado: color de la carpeta Menús desplegables del pie de página: color de fondo
Five	Fondo de navegación
Flatiron	Color de fondo del encabezado/pie de página
Forte	Selecciona automáticamente el color en función del color de fondo o de la imagen
Galapagos	Menús desplegables del encabezado: color de fondo. Los enlaces de los menús desplegables siguen el color del enlace de navegación Menús desplegables del pie de página: color del enlace de navegación. Los enlaces del menú desplegable siguen el color de fondo.
Ishimoto	Fondo del sitio
Momentum	Fondo de navegación
Montauk	Fondo del lienzo
Native	Fondo del sitio
Pacific	Color de fondo
Skye	Fondo del sitio
Supply	Color del encabezado
Tremont	Siempre transparente
Wells	Fondo del sitio
Wexley	Fondo del sitio
York	Fondo del sitio