# 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".

<figure><img src="/files/dc32eb0835df367c2b66c1c50aab1c995967eddf" alt=""><figcaption><p>Menú superior de MOMO Pro</p></figcaption></figure>

### 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.

<figure><img src="/files/8c6d2f7dc97589eb9ea0815abdbe5bf691708a31" alt=""><figcaption><p>Vista predeterminada de MOMO Pro</p></figcaption></figure>

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 <img src="/files/c15d4649f378d553fd4f50945922fcdbd6cd9167" alt="" data-size="line"> 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.

<figure><img src="/files/26dcfadcec1bff23389a97920b235419c52f93fd" alt=""><figcaption><p>Vista opcional multpantalla de MOMO Pro</p></figcaption></figure>

{% 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. &#x20;
* **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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://doc.mometic.com/es/guia-del-usuario-de-momo-pro/menu-y-diseno.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.