Soporte » Diseño – Temas y plantillas » Cambiar Menú móvil

  • Hola amigos ,tengo mi sitio http://www.rubiscochile.com/
    y necesito que el menú de dispositivos móviles cierre al hacer click sobre un botón de este mismo. Ya que uno hace click y se mantiene abierto, en vez de llevar a la sección.

    Agradecería mucha su ayuda!
    Saludos.

Viendo 7 respuestas - de la 1 a la 7 (de un total de 7)
  • 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');
        });
    });
    Iniciador del debate javiernarvaez

    (@javiernarvaez)

    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') );
    Iniciador del debate javiernarvaez

    (@javiernarvaez)

    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/

    Iniciador del debate javiernarvaez

    (@javiernarvaez)

    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.

    Iniciador del debate javiernarvaez

    (@javiernarvaez)

    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!

Viendo 7 respuestas - de la 1 a la 7 (de un total de 7)
  • El debate ‘Cambiar Menú móvil’ está cerrado a nuevas respuestas.