Blog d'aide de Blog4ever

Bonjour à tous(tes)!

Je viens vers vous car je fais face à un petit problème.
Je refais entièrement le design de mon site (et j'en profite pour faire le tri dans mes codes css par la même occasion), et au cours de mes changements, je me suis rendue compte d'un problème avec la barre de navigation.
Lorsque l'on passe sur petit écran, elle ne s'adapte plus (alors que c'était le cas avant) et je constate que c'est le cas pour tous les blogs que je visite. Pourtant le petit carré (avec les trois lignes à l'intérieur) apparaît bien... Je dois avouer que je suis perplexe.
Serait-il possible de jeter un coup d'œil de votre côté et de me dire si le problème vient de moi? 

Si tu gardes la largeur à 100% cela peut occasionner des problèmes donc essais
de ne pas mettre de taille de grandeur (  100% )
Ligne n° 12

/*transparence des différentes zone de la page + réseaux sociaux en bas d'article*/
#contenu{
background:transparent;
     width : 100%;         ---> supprimer cette ligne
      box-shadow: none;
 }

Ligne 80    pour voir la barre en haut

.diz-barre-navigation {
margin-top: -60px;
      box-shadow: none;
      padding-left: 5%;
   background: #767aaa;
}

.diz-barre-navigation li{
width: auto;
}
.diz-barre-navigation a{
width: auto;
  margin-left: 30px
}

re-bonjour,

Je viens de faire le test, mais en supprimant la ligne des 100% ça me réduit juste l'espace alloué à la zone du contenu des articles, sans faire de changement au niveau de la barre de navigation sur l'écran de mon téléphone. En fait les liens se mettent les uns sous les autres au lieu de "rétrécir" (comme pour le menu latéral).

Je pense que parfois il y a des conflits avec les barres sur les téléphones

Alors tant pis, je vais me débrouiller sans.
Merci quand même, c'est gentil d'avoir essayé :sol: