Size header image

Hi @joslammers,

Having book covers showcase along with figurative header is not an ideal. Because the current site’s header image is actually a background image that works as a cover. When the screen size change, the background image size will adapt itself to fill the width of the container entirely.

That said, the ideal solution is to have an extra element under the header to place your book covers showcase. To add your own element, you’ll need to edit the theme’s file with a child theme.

Hi Kharis,

Actually the display of book covers plus the backgroundpicture is just one picture resulting from some pasting together in Publisher. That worked fine so far, till I now want to replace it with a new version. Apparently now something goes wrong with the picturesize I’m using.

I use 1920 x 1080 px.

Is that correct?

Jos

Hi Jos,

Looks likely your current image size (1920×916 px) for the main header is correct.

If you use larger size (e.g. 1920×1080 px), you might need to add more height to the main header container (currently 600px) using this custom CSS code:

@media only screen and (min-width: 1025px) {
  .header-image {
    height: 800px;
  }
}

Hi Kharis,

Replacing the image by a smaller size image (1920×916 px) works!

Thanks a lot.

Jos