Eso ocurre porque estás usando anclas (links en la misma página con #).
Para que el menú cierre deberías usar Jquery.
Añade esto:
$(document).ready(function(){
$('.side_wrap a').click(function() {
$('.side_wrap').removeClass('open');
});
});
HOLA !
Anaís !! gracias por contestar, claro uso anclas para que vayan dentro del mismo sitio!!
Dónde tengo que agregar ese código, muchas gracias 😀 por tu ayuda,!!!!!
Primero hay que activar Jquery, para ellos añades este código en tu functions.php
function my_init() {
if (!is_admin()) {
wp_deregister_script('jquery');
wp_register_script('jquery', '/wp-includes/js/jquery/jquery.js', false, '1.3.2', true);
}
}
add_action('init', 'my_init');
Después crea un archivo llamado (por ejemplo) mijs.js, copia en él el código de mi anterior respuesta y súbelo a la raiz de tu theme y después añades esté código en functions.php (debajo del anterior):
Puedes crear una carpeta llamada /js y guardar allí el archivo, es lo más recomendable.
wp_enqueue_script( 'mijs', get_bloginfo('stylesheet_directory').'/js/mijs.js' , array('jquery') );
Para que quede más claro te dejo todo el código completo:
//Añadimos Jquery
function my_init() {
if (!is_admin()) {
wp_deregister_script('jquery');
wp_register_script('jquery', '/wp-includes/js/jquery/jquery.js', false, '1.3.2', true);
}
}
add_action('init', 'my_init');
//Añadimos mijs.js
wp_enqueue_script( 'mijs', get_bloginfo('stylesheet_directory').'/js/mijs.js' , array('jquery') );
Gracias Anaís,
lo hice todo como me dijistes, pero no me funcionó.
Será que la conección con el menú no es el correcto?
Esto me aparece en el header-mobile.php
Será que hay que poner algo ahí? gracias.!
<div class=»side_wrap»>
<div class=»close»><?php esc_html_e(‘Cerrar’, ‘organics’); ?></div>
<div class=»panel_top»>
<nav class=»menu_main_nav_area»>
<?php
$menu_main = organics_get_nav_menu(‘menu_main’);
if (empty($menu_main)) $menu_main = organics_get_nav_menu();
echo trim($menu_main);
?>
</nav>
No tendrías porqué tocar ningún archivo del tema, ya que cuando lo actualices en un futuro perderás los cambios.
Añadir Javascript o Jquery es un poco complejo y si no te sale no desesperes.
Mi recomendación personal es que no toques código y uses plugins.
Yo uso siempre el plugin ShiftNav, existe versión free y premium.
http://shiftnav.io/free/
Anais gracias por tu ayuda. Antes que todo, instalé plugin shift nav y me aparece todo ok, solo que pasa lo mismo que no cierra al hacer click.
Sabes cual es el comando o chequeo de opción que se debe habilitar o cerrar para que el menú se esconda al hacer click?
gracias.
Está funcionando Anaís.
Te agradezco mucho tu ayuda!
Este plugin y tus consejos pudieron arreglar el sitio.
Que tengas un buen fin de semana!