L’image d’en-tête l’empêche de se répéter horizontalement

Un utilisateur a demandé 👇

Salut,

À haute résolution, l’image d’en-tête se répète horizontalement sur mon site Storefront.

J’ai une image d’en-tête pleine largeur, qui s’affiche bien et remplit l’en-tête d’un côté à l’autre, lorsqu’elle est affichée dans l’un de mes navigateurs à des résolutions d’affichage normales.

Toutefois, si vous augmentez la résolution de l’écran, le début d’une image d’en-tête s’affiche de manière répétée des deux côtés de l’image d’en-tête. Les téléspectateurs m’ont signalé que lors de la visualisation de mon site sur un grand écran ou un navigateur haute résolution, cela nuit évidemment à l’apparence de l’en-tête.

Y a-t-il du code que je peux mettre dans le CSS supplémentaire pour empêcher la répétition de l’image d’en-tête ? (J’ai créé un thème enfant).

Merci.

(@mikearce)

Ingénieur Bonheur Auto

il y a 2 ans, 10 mois

Salut @kalbi,

Pourriez-vous mettre un lien vers votre site pour que je puisse le voir?

Merci!

(@kalbi)

il y a 2 ans, 10 mois

Salut Mikey,

Merci pour la réponse.

Voici le lien:
http://brandbergcrystals.com/

Merci!

(@mikearce)

Ingénieur Bonheur Auto

il y a 2 ans, 10 mois

Salut @kalbi,

Vous pouvez ajouter ce CSS à Appearance > Custom > Additional CSS pour empêcher l’image de se répéter :

header#masthead {
    background-repeat: no-repeat;
}

Vous pouvez ajouter une couleur d’arrière-plan par défaut pour correspondre à cette image :

header#masthead {
    background-repeat: no-repeat;
    background-color: #E1F2FE;
}

Santé,

Cela a-t-il résolu votre problème ?