WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] addition of logo screws up position of header img in firefox (9 posts)

  1. FishingBlog
    Member
    Posted 1 year 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!

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  3. FishingBlog
    Member
    Posted 1 year 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?

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    So you're using it only on Firefox?

  5. FishingBlog
    Member
    Posted 1 year ago #

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

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  7. FishingBlog
    Member
    Posted 1 year 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!

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  9. FishingBlog
    Member
    Posted 1 year 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!!!

Topic Closed

This topic has been closed to new replies.

About this Topic