Discussion :

[zup17]

Bonjour,

J’ai créer un site avec le thème DIVI et j’ai installé le plugin Menu responsive pour le menu, adresse du plugin: https://fr.wordpress.org/plugins/responsive-menu/

sauf que j’ai un soucis sur Chrome, Firefox le menu s’affiche. Par contre sur safari le menu n’apparait !! Vous pouvez voir mon site à cette adresse: http://lacaveparis.com/nouveau/ .

Pouvez vous m’aider à trouver le bug ?? Je vous remercie de votre aide. ��


Ma configuration WP actuelle

•Version de PHP/MySQL : PHP 5.3
•Thème utilisé : DIVI Thème
•Extensions en place : Menu responsive
•Nom de l’hébergeur : OVH
•Adresse du site : http://lacaveparis.com/nouveau/

[kalimukti]

Bonjour,

Ce n'est pas que ton menu n'apparaît pas sur Safari, c'est qu'il apparait tout à fait en bas de ta page, sans le burger...
Il semble que Safari ne prend pas en compte certaines des média query du thème. J'ai rencontré un problème équivalent avec des règles css mal rentrées (il me manquait des accolades fermantes). Du coup Chrome les interprétait quand même, FF aussi, mais pas Safari, il ignorait les css qui avaient une mauvaise syntaxe.
Et comme, au vu de tes média queries, tu es toujours en responsive (@media screen and (max-width: 1000000000000px)), tu as le problème tout le temps...
NB: si tu regardes chrome, pour le

Code HTML :

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

1
2
3
4
5
<button id="responsive-menu-button" class="responsive-menu-button responsive-menu-accessible responsive-menu-boring item-8" type="button" aria-label="Menu">
   <span class="responsive-menu-box">
        <span class="responsive-menu-inner"></span>
   </span>
</button>

les média -- @media screen and (max-width: 1000000000000px) -- apparaissent et sont reconnues par la console, alors que quand Safari, non.

[zup17]

Merci kalimukti,

Je vais regarder voir si j'ai pas une balise mal fermé dans le CSS et les média queries !!
En espérant que le problème ne viens que de là, je ferais un retour !!

Encore merci !!

[zup17]

Merci kalimukti pour ton aide,

J'ai trouvé le problème !! J'avais mis un (@media screen and (max-width: 1000000000000px)) à 1000000000000px je sais pas pourquoi j'ai corrigé à 10000 et safari comprends nikel !!
Merci encore tes conseils et de ton aide précieuse !!