Support » Theme: Griffin » Upscaled header picture

  • I’ve got a problem with my header picture : the picture (not cropped) is upscaled in the header even in a 1200 × 320 px resolution. She ‘s only full when i enlarge the windows, is this because of a responsive display ?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author wpmultiverse

    (@wpmultiverse)

    Hi arnaud202, looks like there is a bug in the theme and the header image is not displaying correctly on browsers less than 1200px. I’m working on a fix that should be available to download in a few days.

    Thread Starter arnaud202

    (@arnaud202)

    thank you for keep going the good work !

    Theme Author wpmultiverse

    (@wpmultiverse)

    If you update to version 1.0.8 of the theme this issue should be resolved.

    Thread Starter arnaud202

    (@arnaud202)

    Same problem on 1.0.8, image header is only well displayed when my browser windows is at 1200 px. The height of the image slides under the menu.

    Hi, I have a problem with the header: everything is ok on laptops but there is a big issue in cellphones. The header image is cut off, it’s impossible to see the left part of it.
    Any tips?
    annabi.fr

    UPDATE: Just as I said my CSS hacking couldn’t fix this, I fixed it. It’s not the ideal fix, as it overrides the uploaded image using the theme’s UI, but it is functional. I’m sure some additional work could make this more elegant.

    in style.css, add the following:

    header {
    background-image: url(http://imageURLhere);
    background-repeat: no-repeat;
    background-size: cover;
    }

    Then in header.php, comment out the following line:

    <img id=”header-img” src=”<?php header_image(); ?>” alt=”” />

    Hi,

    I’m on v1.0.8 of the theme, and the header image does not properly resize when in smaller screen sizes (specifically mobile-sized). It extends beyond the container and breaks the layout of the whole site.

    Eager to get this fixed, as I love the theme overall.

    Let me know what I can do to fix this; i’m pretty fluent in CSS, but my hacking has yet to come up with a solution.

    And actually, here’s a better solution that allows you to use the built in theme uploader and cropper:

    modify header.php as such:

    <header class=””
    style=”
    background-image: url(<?php header_image(); ?>);
    background-repeat: no-repeat;
    background-size: cover;

    >

    and comment out the following line:

    <img id=”header-img” src=”<?php header_image(); ?>” alt=”” />

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Upscaled header picture’ is closed to new replies.