[Theme: Pinboard] Header changes size in different browsers

  • Hi,

    I’m having problems with the header image of a blog I’m working on (https://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!

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

  • try and adjust:

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

    Thread Starter SLeece

    (@sleece)

    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!

    read my previous reply.

    Thread Starter SLeece

    (@sleece)

    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.

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

    Thread Starter SLeece

    (@sleece)

    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;
	font-size:32px;
	letter-spacing:1px;
} */

#site-title img {
	vertical-align:middle;
}

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Theme: Pinboard] Header changes size in different browsers’ is closed to new replies.