Support » Theme: Twenty Eleven » Header not displaying correctly in Firefox

  • Hi,
    I was just made aware that the header in my blog is not displaying correctly in Firefox.
    This is how it should look like (and it looks like in Chrome and IE) and THIS is how the blog looks like in Firefox.
    I’ve created my Twenty Eleven Child theme and moved the menu above the header like it’s suggested in this thread

    If I place this code

    <nav id="access" role="navigation">
    				<h3 class="assistive-text"><?php _e( 'Main menu', 'twentyeleven' ); ?></h3>
    				<?php /*  Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff. */ ?>
    				<div class="skip-link"><a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to primary content', 'twentyeleven' ); ?>"><?php _e( 'Skip to primary content', 'twentyeleven' ); ?></a></div>
    				<div class="skip-link"><a class="assistive-text" href="#secondary" title="<?php esc_attr_e( 'Skip to secondary content', 'twentyeleven' ); ?>"><?php _e( 'Skip to secondary content', 'twentyeleven' ); ?></a></div>
    				<?php /* Our navigation menu.  If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?>
    				<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
    			</nav><!-- #access -->

    in its original place in the header.php file, the image displays correctly but I really need the menu to be placed above the header so my question is: how can I put the menu on top and keep the header image in its place?

  • The topic ‘Header not displaying correctly in Firefox’ is closed to new replies.