El Pro Menu muestra los menús creados a través de Appearance > Menus en el área de administración de WordPress. El elemento Pro Menu proporciona opciones de estilo avanzadas para los menús desplegables y móviles.
Añade el Pro Menu a la página a través de +Add > WordPress > Pro Menu.
OPCIONES DE ESTILO DEL PRO MENU
El Pro Menu puede ser estilizado a través de la pestaña Primary en el Panel de Propiedades.
Menu
Elige el menú de WordPress que desea mostrar. Los menús se pueden crear a través de Apariencia > Menús en el área de administración de WordPress.
Mobile Menu / Toggle Below
Elige el punto de interrupción en el que desea que se muestre el menú móvil (menú hamburguesa).
Desktop Menu
Orientation
Selecciona si desea un menú horizontal o vertical.
Typography
Controles tipográficos completos sobre los elementos del menú de escritorio de Pro Menu.
Spacing, Align, Border
Establece el espacio entre los elementos del menú, la alineación de los elementos del menú y el radio del borde de los elementos del menú.
Hover & Active
Establece el color y los bordes de los elementos de menú activos y suspendidos. También puede controlar la duración de la transición para el estado hover de los elementos del menú aquí.
Desktop Dropdowns
Enable Dropdown
Habilitar o deshabilitar los elementos del menú hijo.
Dropdown Border Radius
Establece el radio del borde del menú desplegable.
Animation Type
Selecciona el tipo de animación que se aplica cuando el menú desplegable entra en la ventana gráfica. Los menús desplegables animados heredan su configuración (aparte del tipo de animación) de la configuración global de Animación al Desplazamiento en Manage > Settings > Global Styles > Animate On Scroll.
Box Shadow
Añade una sombra de caja al menú desplegable
Dropdown Icon
Establece y estilice el icono del menú desplegable.
Dropdown Colors
Establece los colores del fondo, del fondo flotante, del enlace y del enlace flotante.
Dropdown Child Links
Estiliza la tipografía de los enlaces del menú desplegable.
Mobile Menu
Open Icon Layout
Establece el icono y el texto que se mostrarán cuando se cierre el menú del móvil. Cambia el tamaño del icono, el texto, el color, el color de relleno, el radio del borde y la duración de la transición.
Open Icon Typography
Si has configurado el texto del icono en la pestaña Open Icon Layout , entonces puedes estilizar la tipografía aquí.
Close Icon Layout
Establece el icono y el texto que se mostrará cuando el menú móvil esté abierto. Cambia el tamaño del icono, el texto, la posición, el color, el color de relleno, el radio del borde y la duración de la transición.
Close Icon Typography
Si has configurado el texto del icono en la pestaña Close Icon Layout, entonces puedes estilizar la tipografía aquí.
Menu Styles
Off Canvas: Escoge si deseas que el menú móvil se anime desde fuera del lienzo. Establece el tipo de animación y su duración.
Estiliza el color de fondo del menú móvil, el color del enlace, el relleno del enlace, el relleno del contenedor y la alineación del texto.
Typography
Escoge la tipografía del menú móvil..
Mobile Dropdowns
Incluir enlaces desplegables en el menú responsive
- Hide: Los enlaces desplegables no se mostrarán cuando el Menú Pro esté en modo móvil.
- Show in line: Los enlaces desplegables se mostrarán como elementos regulares del menú, listados en línea con los elementos del menú de nivel superior, cuando el Pro Menu esté en modo móvil.
- Toggle: Al hacer clic en el icono del menú desplegable en un elemento del menú de nivel superior que tiene un menú desplegable hijo, el menú desplegable se expandirá o se abrirá.
Cuando se selecciona Alternar, también podrás establecer la duración de la animación de la alternancia, el tamaño del icono del menú desplegable, el color de fondo del menú desplegable y el borde superior del contenedor del menú desplegable.
Presets
Selecciona un preajuste para utilizar un menú preestablecido.
Exporta e importa menús utilizando su código JSON.
Para guardar su menú existente como un preajuste para que pueda ser utilizado en otra parte de su sitio, introduce un nombre en la casilla y haga clic en "Guardar".
Usa el botón "Borrar estilos actuales" para borrar los estilos asignados al selector actual del elemento Pro Menu.
Última modificación: 12 de junio de 2020
