Drop down menus sur iOS (responsive)

Statut : non résolu

Ce sujet contient 2 réponses, 1 participant et a été mis à jour pour la dernière fois par ouistiti.net, le il y a 9 années et 3 mois.

3 sujets de 1 à 3 (sur un total de 3)

Auteur

Messages
4 août 2015 à 8 h 24 min #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!
22 août 2015 à 16 h 49 min #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

22 août 2015 à 16 h 56 min #1014961

ouistiti.net
Participant

Maître WordPress
1879 contributions

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

Messages

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.