WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] addition of logo screws up position of header img in firefox

[Resolved] addition of logo screws up position of header img in firefox

  • FishingBlog
    Member

    @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)
  • Andrew Nevins
    Forum moderator

    @anevins

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

    FishingBlog
    Member

    @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?

    Andrew Nevins
    Forum moderator

    @anevins

    So you’re using it only on Firefox?

    FishingBlog
    Member

    @fishingblog

    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
    Forum moderator

    @anevins

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

    FishingBlog
    Member

    @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!

    Andrew Nevins
    Forum moderator

    @anevins

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

    FishingBlog
    Member

    @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 ‘[Resolved] addition of logo screws up position of header img in firefox’ is closed to new replies.