Drop down menus sur iOS (responsive) (Créer un compte)

  • Statut : non résolu
3 sujets de 1 à 3 (sur un total de 3)
  • Auteur
    Messages
  • #552618
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    Bonjour,

    Dernièrement, j’ai eu un souci avec un menu: système d’exploitation iOS.
    Le problème rencontré: sous-menu n’apparaissaient pas sur les tabettes IPads et natels IPhone.

    L’auteur du thème (payant) n’étant pas pressé de corriger le bug, j’ai donc fait des tests et recherches.

    Voici, la solution:

    1. créer un fichier thème JS et mettre ce bout de code

    jQuery(document).ready(function(){ 
        jQuery(‘.main-navigation li’).hover(function() {
    	var $parent = jQuery(this);
    	var $dropdown = $parent.children(‘ul’);
    		
    	$dropdown.show(0,function() {	
    		$parent.mouseleave(function() {
    			var $this = jQuery(this);
    			$this.children(‘ul’).fadeOut(10);
    		});
    	});
    });
    });

    2 function.php ou mu-plugins

    <?php
    /*
    MU Plugin: Menu Ipad
    Description: affichage du sous-menu
    Version1: 03 08 2015
    */
    
    // enqueue javascript
     
    function theme_js(){
     
    wp_enqueue_script( 'menu-ipad',
    get_stylesheet_directory_uri() . '/menu-ipad.js',
    array() );
     }
     
    
    add_action( 'wp_footer', 'theme_js' );

    Réf: http://brianshim.com/webtricks/drop-down-menus-on-ios-and-android/

    Version simplifiée:

    Mettre un # au menu parent au lieu de l’adresse (url)

    Bonne journée!

    #1014960
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    Bonne nouvelle pour ceux qui utilisent le thème Auberge (gratuit ou payant) l’auteur à corriger le bug. Donc plus besoin d’utiliser l’astuce ci-dessus :D

    #1014961
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    Edit: l’auteur à corriger le bug – a corrigé … 😗

3 sujets de 1 à 3 (sur un total de 3)
  • Le forum ‘Dépôts pour les extensions, trucs, astuces’ est fermé à de nouveaux sujets et réponses.