[Resuelto] Quiero hacer un menu desplegable en Divi para el móvil  

Página 1 / 2
 
Manuel
 Manuel
Usuario experto

Buenas, me gustaría saber como puedo realizar un menu desplegable para el móvil con divi, y que los elementos principales de mi menú no pierdan el enlace.

Tenía este código, y lo que no me permite es clickar en los elementos principales:

<style>
.et_mobile_menu .first-level > a {
background-color: transparent;
position: relative;
}
.et_mobile_menu .first-level > a:after {
font-family: 'ETmodules';
content: '\4c';
font-weight: normal;
position: absolute;
font-size: 16px;
top: 0px;
right: 0px;
}
.et_mobile_menu .first-level > .icon-switch:after{
content: '\4d';
}
.second-level {
display: none;
}
.reveal-items {
display: block;
}
.et_mobile_menu {
margin-top: 20px;
width: 100%;
margin-left: 0%;
}
</style>

<script>
(function($) {

function setup_collapsible_submenus() {

var FirstLevel = $('.et_mobile_menu .first-level > a');

FirstLevel.off('click').click(function() {
$(this).attr('href', '#');
$(this).parent().children().children().toggleClass('reveal-items');
$(this).toggleClass('icon-switch');
});

}

$(window).load(function() {
setTimeout(function() {
setup_collapsible_submenus();
}, 700);
});

})(jQuery);
</script>

Respondido : 26/08/2020 4:37 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Manuel,

En este caso Divi hace el menu responsive de forma automática, que clase de menú necesitas agregar? y si nos indicas la url de tu consulta podemos igualmente ver el código en especifico para tu url.

Un saludo 🖐️ 

Respondido : 26/08/2020 4:50 pm
Manuel
 Manuel
Usuario experto

@argenis

Hola, lo que quiero es un menú despegable, que no se me abra entero ya que es largo y en el móvil dificulta mucho. La url es www.iniziocomunicacion.com

Respondido : 26/08/2020 5:06 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Manuel,

No se si entendí bien pero asumo que desplegable te refieres a un menú con botones para desplegar mas opciones?, si este es el caso ingresa a Divi → Opciones del tema → Integración luego te sitúas donde indica Agregar código al <body> (bueno para los códigos de seguimiento, tales como Google Analytics) y una vez acá ingresas el siguiente código:

Luego al guardar los cambios ya tendías los menús con un botón de + al lado para desplegar las secciones internas que estas contengan 

Un saludo 🖐️ 

 

This post was modified hace 2 meses por Argenis
Respondido : 26/08/2020 5:19 pm
Manuel
 Manuel
Usuario experto

@argenis

Hola de nuevo, gracias por el aporte, pero no me ha cambiado nada, he probado ya con diversos códigos ahí y no he encontrado solución.

Respondido : 26/08/2020 5:24 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Manuel,

Al no funcionarte este código por favor elimina la totalidad del mismo de tus configuraciones y agrega lo siguiente en sustitucion de el que te enviamos previamente:

Al insertar esto haz clic en guardar. Luego de esto ingresas a la pestaña General → e ingresas al final del todo a Css personalizado y agregas lo siguiente:

Agrega todo esto y nos comentas, un saludo 🖐️ 

Respondido : 26/08/2020 5:59 pm
Manuel
 Manuel
Usuario experto

@argenis

Buenas tardes, ahora si me sale desplegado, pero quiero que los apartados principales también tengan su enlace y rediriga a la página. Es posible? Y perdona por las molestias, llevo días intentándolo y no doy con la tecla

Respondido : 26/08/2020 6:04 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Manuel,

Tanto el anterior código como este actúan de esa forma ya que modifican el comportamiento del botón para permitir hacer el despliegue es necesario removerle el link por lo que puedes integrar el link principal dentro de las mismas opciones del mismo de esta forma no deja estar visible para tus usuarios la opción de la categoría superior.

Un saludo 🖐️ 

Respondido : 26/08/2020 6:30 pm
Manuel
 Manuel
Usuario experto

@argenis

Buenas tardes, no entiendo muy bien lo que me quieres decir. Si es posible como podría añadirle el link de nuevo?

Respondido : 26/08/2020 6:38 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Manuel,

Disculpa si no me explique bien, no puedes agregar el link en la parte superior que es donde quieres ejemplo en Diseño Gráfico, debes crear un subitem que sea diseño gráfico y este te lleve a la página de diseño como tal, lo que comentaba anteriormente era que ambos códigos y todos los que has estado ingresando buscan es este funcionamiento (eliminar el link para crear la función de desplegable).

Un saludo 🖐️ 

Respondido : 26/08/2020 6:43 pm
Manuel
 Manuel
Usuario experto

@argenis

Vale, muchas gracias. Entonces entiendo que no es posible hacer eso?

Respondido : 26/08/2020 6:47 pm
Manuel
 Manuel
Usuario experto

O no existe algún plugin que me ofrezca esto? Gracias de antemano.

Respondido : 26/08/2020 7:04 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Manuel,

Existen algunos complementos pero veo que ya has instalado uno y quedo un registro de ello en tu código por lo que asumo no te fue muy bien con el, Max mega menu también hay otros que se orientan a crear menús para versiones moviles pero debes crearlos desde cero, https://es.wordpress.org/plugins/responsive-menu/ .

Un saludo 🖐️ 

Respondido : 26/08/2020 7:08 pm
Manuel
 Manuel
Usuario experto

@argenis

Muchísimas gracias, el plugin de responsive menu me puede valer para lo que necesito. Muchas gracias por su ayuda.

Respondido : 26/08/2020 7:40 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Manuel,

De acuerdo, comprueba con el complemento y nos comentas como ha ido todo

Un saludo

Respondido : 26/08/2020 7:48 pm
Página 1 / 2

Por favor Iniciar Sesión o Registro