Menu au survol sur IOS

**mgf61** · 02/02/2020, 18h04

Bonjour,
je viens de voir que les menus en cascade sur www.lesbaladins.net onglet "Spectacles" "Spectacles Animaliers" "suivant" par exemple ne s'ouvrent pas directement par survol comme sur windows.
Un paramétrage à modifier ?
Merci si quelqu'un peut m'aider...

**NoSmoking** · 04/02/2020, 10h35

Bonjour,
c'est le comportement normal sur écran tactile qui ne reconnaissent pas le :hover.
↪ Événements tactiles / Touch events

Invité · 04/02/2020, 11h30

Bonjour,

1- Le code de ton site est "ancien" (et je suis gentil )

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

2- De plus, il n'est pas "responsive" ,ce qui est devenu un handicap pour le SEO (Google "pénalise" les sites non-responsive).

3- Quant à ton menu... (en dehors d'être "moche"... re- )
Ce n'est pas très ergonomique d'avoir plus d'un niveau de sous-menu.
Là, tu as 2 niveaux : ça devient vite difficile de naviguer, et même d'avoir une "vue d'ensemble".

Pour améliorer l'affichage de ton menu, je t'invite à t'inspirer de celui-ci :

https://codepen.io/jreaux62/pen/yluoA (:hover - full CSS)

Pour un menu "au clic" :

https://codepen.io/jreaux62/pen/dPxKKQ ("au clic" - responsive - CSS + nécessite jQuery)

Menu au survol sur IOS

HTML

Vue hybride

Discussions similaires

Partager

Partager