Adapter le header à toutes les résolutions d'écran [Modernbb]

[risa]

Bonjour,

J'ai fouillé un peu partout sur le forum pour savoir s'il était possible d'adapter le header à toutes les résolutions d'écran.

Les sujets que j'ai trouvé évoquent uniquement phpbb2 et non modernbb.

J'ai mis ce code dans mon CSS:

Code:

@media {
.headerbar {background-image: url('https://i.goopics.net/XWlrX.png');
  background-size: cover !important;
  background-repeat:no-repeat ;
  height: 595px !important;
  width: auto !important;
  background-color:transparent;
  }
}

J'ai tenté à plusieurs reprises de changer "width" en pixels, puis en pourcentage, j'ai aussi essayé max/min-width et ça me mettait une image déformée sur mobile et pc portable. Pour mon pc principal, j'utilise une résolution de 1920x1080. Pour celles inférieures apparemment, ça coupe l'image.

Quelqu'un saurait me dire comment régler ce petit souci ? Car ce n'est pas très beau visuellement

Merci d'avance, bonne journée.

[risa]

Personne ?

[*Splash*]

Salut
Tu as une capture d'écran du rendu sur version mobile ?
Quand je fais un test en réduisant la fenêtre du navigateur de droite à gauche, le header est bien responsive

[risa]

Bonjour, merci pour votre réponse.

Voici le screen de mon téléphone:  https://i.goopics.net/Ebyap.png

[*Splash*]

Ton header est bien responsive.

[risa]

Une personne m'a dit que non, m'enfin, je ferai attention à ce détail au prochain changement de design.
Merci pour votre réponse, bonne journée