addition of logo screws up position of header img in firefox

  • Resolved FishingBlog

    (@fishingblog)


    11 years, 2 months ago

    Hello,
    I set up a blog recently and have it running so far. I made a child theme from twentyeleven and now tried to add my logo to the header after some tutorial I found on the net. In chrome it looks as I want it to be, but in firefox the header image gets shifted right. The problem had been posted by someone else on the internet before, but the proposed solution doesnt work for me…
    Any suggestions where the mistake might be?
    The url to my blog is http://www.fettefische.com
    Any help is greatly appreciated!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months ago

    Why is there a header image at all? Remove it if you’re not using it.

    Thread Starter FishingBlog

    (@fishingblog)

    11 years, 2 months ago

    Thanks for your answer, but I AM using the header image, it does improve the look of the site a lot.
    Any other ideas?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months ago

    So you’re using it only on Firefox?

    Thread Starter FishingBlog

    (@fishingblog)

    11 years, 2 months ago

    Well, I am using Chrome (where it looks good), but whoever hits my blog with firefox should see a correctly positioned header image…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months ago

    The issue is you haven’t floated your header image left.

    Thread Starter FishingBlog

    (@fishingblog)

    11 years, 2 months ago

    Alright!
    Am I supposed to change this in the header.php or the style.css? I am only beginning to learn all the programming, so Id appreciate if you could be more specific.
    Thanks!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months ago

    All CSS modifications should be made in your Child Theme style.css file.

    Thread Starter FishingBlog

    (@fishingblog)

    11 years, 2 months ago

    SOLVED!!!! Your are my hero…
    I simply copied from the original .css the following lines and added the “clear:left”-command, now it works!!!!

    #branding img {
	height: auto;
	display: block;
	width: 100%;
	clear: left;
}

    Many thanks again!!!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘addition of logo screws up position of header img in firefox’ is closed to new replies.