kellyreid

Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • kellyreid

    (@kellyreid)

    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=”” />

    kellyreid

    (@kellyreid)

    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(https://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.

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