Como ocultar menú desplegable

mikel73 · 2019-08-22T12:52:09-0500

Hola,

Estoy creando una web con diseño "one page" con un tema de Wordpress, he creado un menú con "enlaces predeterminados" con el que me desplazo de una sección a otra dentro de la misma página. En el escritorio todo correcto, pero en pantallas para móvil cuando despliego el menú mediante el botón hamburguesa y hago clic en alguno de sus items igualmente me lleva hasta la sección pero si vuelvo arriba de la página el menú sigue desplegado y me gustaría que al hacer clic en un item este desplegable se volviese a cerrar. Se que esto se consigue con jquery o javascirpt pero no tengo conocimientos de estos lenguajes y tampoco he encontrado ningún plugin de wordpress para este fin.

Agradezco de antemano la ayuda que me puedan aportar o consejos.

Ricky Pinto · 2019-08-22T13:43:42-0500

Pues eso mismo que dices... necesitar poner en display:none el div que contiene el menú, al hacer clic, se puede con js en el evento onclick

mikel73 · 2019-08-22T14:57:45-0500

Gracias por tu ayuda Ricky Pinto. Como he comentado mis conocimientos de estos lenguajes son mínimos.
El tema wordpress que estoy usando tiene la posibilidad de incluir código js como se muestra en la imagen;

y el código html del menú es el siguiente;

He echo varias pruebas con información que he ido encontrando por la red pero no me funciona. He visto varios temas del repositorio de wordpress con diseño "one page" los cuales he descargado para ver los archivos js pero no me aclaro.

Agradezco de antemano la ayuda que me puedan aportar sobre este tema. Un saludo.

Dtokee · 2019-08-23T20:03:34-0500

Hola! Solucionaste tu problema?

mikel73 · 2019-08-24T02:29:48-0500

Hola Dtokee, aun no lo solucione, sigo buscando una solución.

Voldemorth · 2019-08-24T14:43:31-0500

$(function () {
$('#menu-main-menu-3 li').click(function () {
$('#menu-main-menu-3').hide();
});
});

Prueba con ese codigo js, en pocas palabras cuando picas a un elemento li del menu con id menu-main-menu-3 realiza una funcion hide sobre el menu (que no es mas que setearle un dispaly none).

mikel73 · 2019-08-25T04:58:10-0500

Hola Voldemorth,

Gracias por tu ayuda, por fin funciona. Ahora al hacer clic en cualquier item del menú lleva hasta la sección y si hago scroll hacia arriba de nuevo el menú desplegable no aparece. Asunto resuelto.
Agradezco a todos vuestra ayuda y el tiempo que habéis dedicado para solucionarlo.

Un saludo.

Como ocultar menú desplegable

mikel73 Seguir

Ricky Pinto

mikel73

Dtokee

mikel73

Voldemorth

mikel73