Discussion :

[charlo49]

Bonjour,

On m'a demandé de faire la partie responsive d'un site pour un ami sous wordpress et je n'ai pas écris le code du site (je reprend la main dessus). Je pense qu'il y a un conflit avec Bootstrap sinon je ne comprend vraiment pas ! (Pour l'instant je n'ai fais les médias-queries que pour une largeur de 1024px et 768px). Et pour la largeur de 768px je suis tombé sur ce pb.

Alors le problème est qu'il y une marge blanche à droite et pourtant j'ai regarder tout les margins et paddings et je ne vois pas le pb (j'ai même mis un {overflow-x:hidden !important} sur le body mais rien à y faire !)... Et pareil pour le menu, il disparait à partir d'une largeur de 650px environ.

Si vous pouviez m'aider ca serai top ! ca fait 2j que je m'arrache les cheveux !

Le site en question est http://www.france-wine-tours.com/

Merci beaucoup !

[Jacques Beauregard]

Bonjour,

Pour le menu, d'après bootstrap.min.css

Code :

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

1
2
3
4
5
 
@media (min-width: 768px)
.navbar-toggle {
    display: none;
}

Donc un menu "burger" disparaît pour des largeurs > 768px et est remplacé par le menu inline.

Sur chrome et firefox : je n'ai pas de marge blanche à droite. Pourrais-tu m'en dire plus?
Cordialement.

[charlo49]

Bonjour jacques,

Merci de ta réponse rapide !
Pour la marge blanche quand je la voie quand je vais sur le site via mon téléphone ou quand je fait inspection de l'élément via chrome et que je met en mode de vue mobile. Ce qui est d'autant plus étrange c'est que ca ne le fait pas sur toutes les pages ! Voici des photos de deux pages différentes, une ou ca le fait et une autre ou ca ne le fait pas

[charlo49]

Et la il y a le problème de marge blanche