Prevent Header image repeating horizontally | WordPress.org

Resolved kalbi
(@kalbi)

8 years, 4 months ago

Hi,

At high resolutions the header image is seen to be repeating horizontally in my Storefront site.

I have a full width header image, which displays nicely and fills the header from side to side, when viewed in any of my browsers at normal viewing resolutions.

However if one increases the screen resolution, the start of a repeated header image appears on both sides of the header image. Viewers have reported to me that when viewing my site on a large screen or in a browser with high resolution, this obviously detracts from the header appearance.

Is there code that I can add in the Additional CSS to prevent the header image from repeating? (I have created a child theme).

Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)

Mikey Arce
(@mikeyarce)

8 years, 4 months ago

Hi @kalbi,

Could you post a link to your site so I can take a look?

Thanks!

Thread Starter kalbi
(@kalbi)

8 years, 4 months ago

Hi Mikey,

Thanks for replying.

Here is the link:
http://brandbergcrystals.com/

Thanks!
Mikey Arce
(@mikeyarce)

8 years, 4 months ago
Hey @kalbi,

You can add this CSS to Appearance > Customizer > Additional CSS to prevent the image from repeating:
```
header#masthead {
    background-repeat: no-repeat;
}
```
You could also add a default background color to sort of match that image like this:
```
header#masthead {
    background-repeat: no-repeat;
    background-color: #E1F2FE;
}
```
Cheers,

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Prevent Header image repeating horizontally’ is closed to new replies.

Tags

header image

3 replies
2 participants
Last reply from: Mikey Arce
Last activity: 8 years, 4 months ago
Status: resolved