Support » Fixing WordPress » addition of logo screws up position of header img in firefox

  • Resolved FishingBlog

    (@fishingblog)


    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)
  • Moderator Andrew Nevins

    (@anevins)

    Forum moderator

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

    FishingBlog

    (@fishingblog)

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

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    So you’re using it only on Firefox?

    FishingBlog

    (@fishingblog)

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

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

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

    FishingBlog

    (@fishingblog)

    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!

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

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

    FishingBlog

    (@fishingblog)

    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.