Scroll du Header

Ce n'est pas le header qui disparait : ce sont les icônes de langues qui passent EN-DESSOUS, faute de place sur la ligne !

Donc :

• soit tu augmentes la hauteur "fixe" du menu pour prendre en compte les 2 lignes du menu
• soit tu fais en sorte que tout tienne sur une seule ligne *

* en modifiant par exemple :

Code:

---

1 2 3

.fusion-main-menu > ul > li { padding-right: 49px; }

---

Effectivement, mais le résultat est différent en version française et anglaise et le plus troublant est qu'en Desktop tout est ok

Tu dois travailler en local, puisque sur le site en ligne (lien donné), le menu tablette est encore le même que phone !
C'est donc NORMAL qu'on ne voit rien en ligne !!

Et si on ne peut pas visualiser le problème, on aura du mal à le résoudre...


NORMAL aussi que ce soit différent en français et anglais : la LONGUEUR des MOTS (du menu) est différente !
(et effectivement, on peut le visualiser en ligne en version française)

Une autre solution est de positionner les drapeaux de langues en absolute, en haut à droite du logo.
Ils n'ont de toute façon rien à faire DANS le menu principal (dans les ul li du menu) !

Je ne comprend pas, pour moi la version Tablette n'est pas la même que Mobile et je ne travaille pas en local.
Dans tous les cas merci pour le temps passé.
Je vais continuer à faire des tests

Le breakpoint est à 1000px.

donc, ça dépend de la résolution de ta "tablette" ;)

Je pense que le soucis n'est pas que sur tablette.
Un petit coup de Crtl+Shift+m et on peut voir que le menu n'apparait pas sur les smartphones.

Effectivement sur Mobile pas de Menu mais c'est voulu
Oui cela doit dépendre des tailles de Tablettes
A savoir quel bon breakpoint positionner pour standardiser le maximum de types de tablettes

Désolé de revenir vers vous mais je tourne en rond sur mon problème de Responsive de l'entête et menu

Je résume la situation
Sur Desktop et Mobile cela fonctionne bien
L'entête et le menu restent fixent quand je scroll vers le bas.
Sur mon Ipad Retina l'entête disparait et le menu reste fixe avec une barre un peu plus transparente sous le menu ( voir image 1)
Pour que cela fonction sur Desktop, j'ai ajouté ce code css

Code:

---

1 2 3 4 5 6 7 8 9

.fusion-header-v5 { position: fixed !important; width: 100% !important; }   #main { padding-top: 8.4375rem !important; }

---

Je travaille avec Wordpress et le thème Avada où j'ai paramétré des cas Responsive comme indiqué dans image 2

Merci pour votre aide