WordPress.org

Support

Support » How-To and Troubleshooting » Header image problem in firefox

Header image problem in firefox

  • I have built a site using a child theme of twenty eleven. I have never made any changes to the twenty eleven theme. Up until yesterday, the site looked find across the current versions of all major browsers(Internet Explorer, Firefox, Chrome, Safari, and Opera). Yesterday, I updated to the most current version of twenty eleven and now my header image doesn’t display properly in firefox. I cannot provide a link to the site because it is a secure site for the internal processes of an EMS service. However, the two links below show what the site used to look like (and still does in most browsers) and what it looks like post-update in firefox.

    The CSS of the child theme does not address the header image at all, so I am at a loss as to why this has happened. When I revert to the original twenty eleven theme, it all displays perfectly (although it doesn’t look nearly as nice).

    How the site is supposed to look:
    http://www.flickr.com/photos/80598349@N08/8265227932/

    How the site now looks in firefox:
    http://www.flickr.com/photos/80598349@N08/8265228224/

    Thanks!
    Kira

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

    @anevins

    Forum moderator

    Try disabling plugins to find whether any are responsible.

    I just deactivated all of the plugins one at a time, checking the page after each one. Nothing fixed the problem. Even with no plugins, it remains. Thanks for the idea though.

    WPyogi

    @wpyogi

    Forum Moderator

    Have you validated the pages for HTML or CSS errors?

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    On that header image, apply the CSS;

    display: inline;

    Does that have an effect?

    Adding display: inline; does not have an effect. I have validated both the HTML and CSS. It looks like the issue might be an incompatibility in the PHP. I edited the header.php file (in the child theme) to put the menu above the header image instead of the default where it is below the header image. When I remove the file so it reverts to the default header.php file, the image is centered.

    I can’t figure out why this would only be affecting firefox though. Because our dropdown menus are so long, the nav bar has to be above the header image. Again, it’s worked perfectly until yesterday, so I know that I had the right code. I can’t understand what has changed and I have no idea how to fix it now.

    Either I can have the nav in the right place and it looks screwy on firefox, or it looks good everywhere but the nav is in the wrong place.

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Again, it’s worked perfectly until yesterday

    This problem is similar to others’ when they’ve not been working on a Child Theme when modifying their theme.

    but the nav is in the wrong place.

    If you’re experiencing other deviations, consider WPyogi’s post and use W3C’s validator http://validator.w3.org/

    But I AM working in a correctly formatted child theme and I have validated all of my code.

    I just validated it again using your link and passed with no errors.

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Try disabling plugins to explore whether any could be responsible.

    New to wordpress – made some changes to the header image in twentyten and now only in firefox the header is displayed wrong similar to DanceMediaArtist.

    have tried clear: left in the css

    My site is Biljanas/wordpress

    esmi

    @esmi

    Forum Moderator

    @macdesouza: As per the Forum Welcome, please post your own topic. Posting in an existing topic prevents us from being able to track issues by topic. Added to which, your problem – despite any similarity in symptoms – is likely to be completely different.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Header image problem in firefox’ is closed to new replies.
Skip to toolbar