[Resuelto] Cambio estructura del menú principal

Hola Francisco,

Debo suponer que te refieres al menu de hamburguesa que se adapta a la vista en dispositivos moviles

Por lo general es una buena practica usar el icono desplegable de "hamburguesa" sin embargo si deseas que las opciones siempre se encuentren desplegadas puedes editarlo desde las opciones directas de Elementor

Las opciones mostradas es como podrias modificarlo sin embargo si colocas el menu en "Vertical" este es un ajuste global que afectara la vista de tu menu en dispositivos como la computadora por lo que puedo sugerir lo siguiente

Desde las opciones avanzadas puedes escoger ocultar y mostrar elementos segun sea la resolución o el dispositivo en el que se vea, las proporciones estandar son desktop, tablet y mobile, tal como puedes ver en los iconos superiores del editor

Ahora bien al menu actual yo lo ocultaría en Mobile desde las opciones avanzadas del modulo

Y el nuevo menu que has agregado lo ocultaría en vistas Desktop y Tablet

De esa forma tendrás el menu que deseas en vertical en moviles sin afectar la vista del menu en vistas grandes

Saludos!

Hola Bruno.

Gracias por la respuesta.

Lo estoy haciendo desde la página de "inicio" y ahí no me aparece "Editor WordPress Menu".

Puede ser también que trabajo con la última versión, 6.8.2.

Y una vez leído todo lo que me comentas, preferiría para móvil y tablet desplegar en horizontal todas las opciones del menú, tal como aparecen en el pc.

¿Podrías ayudarme, por favor?.

Gracias.

Hola Francisco,

Lo estoy haciendo desde la página de "inicio" y ahí no me aparece "Editor WordPress Menu".

Este ajuste debe hacerse en la cabecera global que supongo ya tienes creada previamente en Elementor, esto ya lo hemos abordado en consultas anteriores 😊 

https://www.webempresa.com/foro/administracion-wordpress/diseno-inicio-pagina-tienda/paged/2#post-481645

Hemos ya desarrollado en conjunto gran parte de los elementos de tu web, lo ideal seria considerar lo ya realizado

Saludos!

Hola Bruno.

Sí, recuerdo ese tema, y te agradezco los comentarios.

Pero es que ahora dudo, porque para los usuarios despistados, que no hay pocos, el menú no les pasaría desapercibido si las opciones del mismo se detallan en horizontal.

¿Me explico?.

Sé que me comentaste que para la versión móvil solo se podría desplegar el menú en vertical, y como quedaba fatal, acepté tu recomendación del formato hamburguesa.

¡Perdona las molestias!.

¿Habría al menos posibilidad de colocar al lado de las 3 rayitas del menú la palabra "MENÚ"?.

Muchas gracias.

Que tal Francisco,

No te preocupes recuerda que las recomendaciones son netamente orientadas en la experiencia del usuario aunque si que hay algunos visitantes bien "despistados" por lo que tu preocupación es valida

¿Habría al menos posibilidad de colocar al lado de las 3 rayitas del menú la palabra "MENÚ"?.

Claro que si, siguiendo la premisa de tener un menu para desktop y otro para moviles podemos agregar la palabra "MENU" para que solo sea visible en dispositivos moviles

Las modificaciones serian las siguientes

El menu debe tener una disposicion de full width entre sus opciones

Luego desde las opciones avanzadas debemos definir un ancho de 50% aproximadamente para dar espacio a la palabra que pretendemos agregar

 Ahora podremos agregar un modulo de texto con la palabra MENU sin embargo notaremos que el elemento de texto queda encima o por debajo del menu no a su lado, es por ello que vamos a ajustar la disposición del contenedor, ajustando las opciones de la siguiente manera

Ya por ultimo podemos hacer que la palabra MENU solo sea visible en dispositivos moviles desde el apartado de Avanzado -> Adaptabilidad

Ya con eso debería de bastar

Saludos!

Hola Bruno.

No sé qué hice mal o dejé de hacer, pero no se alinean en la misma línea.

Te adjunto foto.

Necesito que me orientes decisivamente, por favor.

Gracias.

Hola Francisco,

Por lo que puedo ver el problema es que lo agregaste en un contenedor nuevo, tienes que agregar el texto, en tal caso en el mismo contenedor, pero recuerda desactivarlo para otros dispositivos con lo que te indico Bruno:

Ya por ultimo podemos hacer que la palabra MENU solo sea visible en dispositivos moviles desde el apartado de Avanzado -> Adaptabilidad

Cuando lo tengas en el mismo contenedor quedará uno debajo del otro en movil, algo como esto:

Lo que vas a hacer es, haciendo clic aqui:

En la parte superior central, para que se active la versión móvil, luego haces clic en tu contenedor:

Verías algo como esto:

Asegurate de que esté marcada la opción que te indico con la flecha roja, luego haces clic en tu elemento de menú, y le bajas un poco el ancho, al seleccionarlo (estará visible como las 3 lineas horizontales) vas a Avanzado > disposición.

Tambien verifica ingresar en Contenido > diseno > alineacion:

Que este como te indico. Prueba y nos comentas.

Un saludo 🖐️ 

Hola Argenis.

Logrado. Gracias.

Hola Francisco,

Enhorabuena! se puede apreciar como ya le vas tomando el ritmo a ir construyendo por tu cuenta el sitio web

Cualquier otra duda estaremos atentos

Saludos!