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>
Después de probarlo, he conseguido ponerlo en funcionamiento tal y como quería y muy contento con el resultado de momento. Muchas gracias por vuestra ayuda.