• Resolved joslammers

    (@joslammers)


    Hi Sydney Help,

    I’m trying to replace my header image. The new image is exactly as recommanded: 1920 x 1080 px.

    Even so: using the full with option about 25% on the bottom is cut of (without showing that on the cropping page before placing). Using the smaller display-option the picture stays intact but then the with of the headerimage is reduced with about 25% compared to what it looked before. Result: part of the menu is no longer displayed on the picture.

    Can you help me with this?

    I’d appreciate it!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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.

    Thread Starter joslammers

    (@joslammers)

    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;
      }
    }
    Thread Starter joslammers

    (@joslammers)

    Hi Kharis,

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

    Thanks a lot.

    Jos

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Size header image’ is closed to new replies.