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>
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 🖐️
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
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 🖐️
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.
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 🖐️
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
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 🖐️
Buenas tardes, no entiendo muy bien lo que me quieres decir. Si es posible como podría añadirle el link de nuevo?
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 🖐️
Vale, muchas gracias. Entonces entiendo que no es posible hacer eso?
O no existe algún plugin que me ofrezca esto? Gracias de antemano.
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 🖐️
Muchísimas gracias, el plugin de responsive menu me puede valer para lo que necesito. Muchas gracias por su ayuda.
Hola Manuel,
De acuerdo, comprueba con el complemento y nos comentas como ha ido todo
Un saludo