Header image repeats on large screens

  • Resolved theyuv

    (@theyuv)


    7 years, 4 months ago

    Hello,

    I test how my site would look on large screens by using the browser to zoom out (ctrl + “-” on most browsers).

    With this theme, the header image (i uploaded one of size 1900 x 200) starts to repeat at large sizes.

    The solution I found to this was to add a css rule as follows:

    #site-header {
  background-size: cover;
}

    Is this the correct fix for this issue or is there a theme solution that I’m missing?

    Thank you.

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

  • Yes that’s a very good solution to your issue ??

    It’s either that or 

    #site-header {
  background-size: 100%;
}

    But the solution you have posted is indeed better

    @theyuv I’m also trying to use a header image with this theme but having awful trouble trying to do so. 1900 x 200 was ridiculously big on a laptop screen, if I make it any smaller it just crops to a ridiculously small thumbnail size image. I must be doing something stupid as I can’t believe it is this difficult to get a header image to work. Would you mind sharing your site URL so I can take a look at yours? Thanks.

    Thread Starter theyuv

    (@theyuv)

    Try searching for “panoramic” images or “wide” images.

    Thanks, not sure how useful that was.

    Here is my site, with a 1900×200 header image specified. Look at the state of it! It looks like it has given the top area a client height of 140 so chops the bottom bit off.

    https://radleyvillageshop.com/wp

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Header image repeats on large screens’ is closed to new replies.