Filling the header space with a logo image

  • I’ve successfully centered my logo but a new issue has presented itself. Hoping you can help again…

    The logo source image is 2120×642 and I’d like it to fill the entire header space, but the theme seems to scale down the image, which is causing a lot of negative space on either side of the logo.

    Is there a way to fill the header with the logo image and just have a slight border or negative space?

    Another easy fix, maybe? ??

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

  • Hi Jason. I checked out your site and found the problem. Here is the problem:

    .site-title a img {
    max-height: 100px;
    }

    and

    .site-title a img {
    border-radius: 0;
    display: block;
    height: auto;
    margin: 0 auto;
    max-height: 60px;
    max-width: 100%;
    padding: 0;
    }
    They are exactly the same, but that’s common in many themes. Just delete the following:

    max-height:100px; — That is limiting the image height.
    max-height: 60px; — Same as above.

    Let me know if that helps.

    Thread Starter jasonleehines

    (@jasonleehines)

    Hi Marcellas,

    I couldn’t find anything in Editor that showed max-height: 100px;

    However, in the header section, there was max-height: 400px;, so I deleted that along with max-height 60px;

    Unfortunately, it doesn’t seem to have changed anything. I even removed my image completely and re-added it, but the only thing I can do with it is change the Max height in the Theme Options.

    Try this in the editor:

    .site-title a img {
    max-height: none;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Filling the header space with a logo image’ is closed to new replies.