> For the complete documentation index, see [llms.txt](https://doc.mometic.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.mometic.com/es/guia-del-usuario-de-momo-pro/menu-y-diseno.md). # Menú y diseño Antes de sumergirnos en la funcionalidad, eche un vistazo al gestor de menús y diseño. Dentro de su navegador o cuando se implemente como una [PWA](https://blog.mometic.com/momo-web-app-install-on-desktop-or-phone/) los componentes de MOMO se redimensionarán y apilarán automáticamente para adaptarse a sus necesidades en distintos dispositivos. La barra de menú superior se utiliza para agregar y quitar componentes. Use las flechas izquierda y derecha para mostrar elementos fuera de la página. Los elementos no seleccionados regresan a la carpeta de menú "+ MÁS".

Menú superior de MOMO Pro

### Gestión avanzada del diseño MOMO Pro también incluye gestión avanzada del diseño para permitirle desacoplar, redimensionar y cerrar componentes, y así facilitar el uso de MOMO en múltiples pantallas y diseños.

Vista predeterminada de MOMO Pro

Cada uno de los 10 componentes disponibles conforma MOMO Pro. Los componentes Discovery no se mostrarán si solo se suscribe al plan básico de MOMO. Puede actualizar en cualquier momento para obtener esta función. Cuando inicie MOMO Pro por primera vez, verá el diseño predeterminado. Este es nuestro diseño dinámico y se adapta a tamaños de ventana y diseños específicos para esa experiencia de “aplicación web”. El menú de diseño se accede desde el gestor de diseño en la parte superior derecha del Panel. Notará que la mayoría de las ventanas tienen barras de herramientas de diseño. Estas se utilizan para organizar y abrir ventanas desde el Panel de MOMO. En cualquier momento, puede desacoplar una ventana haciendo clic en el icono de desacoplar más a la izquierda de la barra de herramientas. Puede mover y guardar el diseño con uno o más componentes distribuidos en varias pantallas, como se ilustra a continuación.

Vista opcional multpantalla de MOMO Pro

{% hint style="info" %} **Consejos útiles:** Cada persona tiene diferentes necesidades de diseño, resolución de pantalla y tipos de dispositivos. Puede personalizar MOMO Pro de diversas maneras para satisfacer sus necesidades. * Expansión a pantalla completa — Tanto Stream como Discovery tienen opciones opcionales de expansión a pantalla completa en la parte superior derecha de sus respectivas ventanas. * Alternar menú — De forma predeterminada, todos los elementos están habilitados. Seleccione o deseleccione para ahorrar espacio o eliminar los elementos que no sean necesarios. * Zoom del navegador — En MacOS o Windows puede ajustar el tamaño de la fuente de su navegador con Zoom. Para acercar o alejar en Windows, use ctrl + o -. Con MacOS use command + o -. * Para ajustar un diseño, primero seleccione la opción de diseño en el gestor de diseño, luego asegúrese de que el diseño esté desbloqueado. Después, realice los cambios deseados. Para "guardar" los ajustes y evitar cambios posteriores, mueva el diseño a la posición bloqueada. * Si no puede desacoplar las ventanas o están ocultas, asegúrese de haber habilitado en la configuración de su navegador “Ventanas emergentes o pop-out y redirecciones” y verifique que el diseño esté desbloqueado.. * Si no puede gestionar y guardar la configuración en varias pantallas, asegúrese de haber habilitado “Gestión de ventanas” en su navegador (por ejemplo, Chrome, Edge o Safari). * **SOLO ULTRA -** Proporciona 3 paneles de Stream, 3 de Discovery y 2 de News. * **Si el diseño está bloqueado, las barras de herramientas de diseño de cada componente permanecerán ocultas hasta que se desbloquee, lo que impedirá las funciones de redimensionamiento y de abrir en ventana emergente.** {% endhint %}