[Theme: Pinboard] Header changes size in different browsers (7 posts)

  1. SLeece
    Posted 3 years ago #


    I'm having problems with the header image of a blog I'm working on (http://www.lifebydesignproject.com/). The header looks fine in Chrome, but appears enlarged and cropped (just the right side) in all other browsers.
    I have looked over the code a frustrating number of times, and I'm clearly missing something. :(
    Any help is greatly appreciated. Thanks!

  2. Michael
    Forum Moderator
    Posted 3 years ago #

    try and adjust:

    #site-title, #site-title img { width: 100%; }

  3. SLeece
    Posted 3 years ago #

    Hi alchymyth! Thanks for responding. :)

    I tried your suggestion and now the entire header is showing. However there is now a rather large empty space to the right of the header image in both IE and Firefox. Any idea as to how I can make the header image fill the entire space? Thanks again!

  4. Michael
    Forum Moderator
    Posted 3 years ago #

    read my previous reply.

  5. SLeece
    Posted 3 years ago #

    OK, I must be missing something then. I did try what you suggested. Would you mind elaborating a bit? I'm pretty new to all of this. Thanks.

  6. Laurensmitty
    Posted 3 years ago #

    SLeece, did you ever get it figured out? I have the same issue.

  7. SLeece
    Posted 3 years ago #

    Hi Laurensmitty! I'm sorry it was so long ago I can't really remember what I did exactly.

    This is what I had for the sections that alchymyth mentioned above:

    /* Commented out to expand header full width
    #site-title {
    	margin: 0 3.4%;
    	font-family:"Oswald", sans-serif;
    } */
    #site-title img {

    Try that and see if it works. If not let me know and I'll see what I can do to help. Good luck! :)

Topic Closed

This topic has been closed to new replies.

About this Topic