Support » Themes and Templates » multicolor theme header doesn't show in IE

  • Test site is

    I actually replaced narrow repeating header with wide one containing images, but it works fine in other browsers.

    Also in IE, the aidebar shows at the bottom and each menu option takes up its own row, with submenus not showing.


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


    May you state the browser version you experienced the problems in and perhaps provide links to imagery illustrating them?

    Yes, it’s old, but as a Mac user I hardly use IE.


    The burgundy header in most of the browsershots shows the correct view.

    Moderator Andrew Nevins


    Does the problem persist when you instead apply the background image to the <body> element?

    Also, do you know the version number of Internet Explorer the issue occurs in?

    Mac 5.2, Windows 8 is all I know.

    Since the theme was designed to have a header, should your suggestion not complicate things? The menu buttons appear right below the header.

    I could experiment, but I’d appreciate it if you could explain exactly how I might implement what you have in mind. Thanks.

    Moderator Andrew Nevins


    Yes, that would complicate things, I hadn’t realised you had a background image to the <body> element already.

    This is my header.php code; I know it’s long, but I’m not sure what we’re looking for. To get around repeating a narrow background I used a very wide image, which should be even wider for some monitors, but I’m open to a more elegant approach.

    @package WordPress
    @subpackage multi-color
    <!DOCTYPE html>
    <!--[if IE 6]>
    <html id="ie6" <?php language_attributes(); ?>>
    <!--[if IE 7]>
    <html id="ie7" <?php language_attributes(); ?>>
    <!--[if IE 8]>
    <html id="ie8" <?php language_attributes(); ?>>
    <!--[if !(IE 6) | !(IE 7) | !(IE 8)  ]><!-->
    <html <?php language_attributes(); ?>>
    <meta charset="<?php bloginfo( 'charset' ); ?>" />
    global $page, $paged, $options, $isMobile;
    wp_title('|', true, 'right');
    $site_description = get_bloginfo('description', 'display');
    <?php if($isMobile): ?>
    <meta name="viewport" content="width=device-width, initial-scale=0.8" />
    <?php else: ?>
    <meta name="viewport" content="width=device-width" />
    <?php endif; ?>
    <link rel="profile" href="" />
    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
    if (is_singular() && get_option('thread_comments'))
    <style type="text/css">
        html { margin-top: 0 !important; }
        * html body { margin-top: 0 !important; }
    <body <?php body_class(); ?>>
    <div id="bgwrap"> <!-- start of bg wrap -->
        <div class="wrapper">
            <div id="header"> <!-- Start of header -->
                <table class="tablayout">
                        <?php if($options['logo_image']): ?>
                        <td class="tdleft" style="width: <?php echo MC_THEME_HEADER_HEIGHT; ?>px; padding-right:10px;">
                            <img class="logo-image" src="<?php echo $options['logo_image']; ?>"/>
                        <?php endif; ?>
                        <td class="tdleft">
                            <h1 class="site-title"><a href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></a></h1>
                            <?php if(trim(get_bloginfo('description')) != ''): ?>
                            <p class="site-desc"><?php bloginfo('description'); ?></p>
                            <?php endif; ?>
    					<?php if($options['show_search']): ?>
                        <td class="tdright" style="width:918px !important;">
                            <?php get_search_form(); ?>
    					<?php endif; ?>
            <?php if(!$isMobile): ?>
                <?php wp_nav_menu( array( 'theme_location' => 'primary', 'container_class' => 'main-menu' ) ); ?>
            <?php else: ?>
                <?php wp_nav_menu( array( 'theme_location' => 'primary', 'container_class' => 'main-menu', 'depth' => 1 ) ); ?>
            <?php endif; ?>
            <?php if($options['site_description'] != '' and is_front_page()): ?>
            <div class="user-info">
                <?php echo $options['site_description']; ?>
            <?php endif; ?>
    </div> <!-- end of bg wrap -->
    <div id="contentwrap"> <!-- Start of content wrap -->
        <div class="wrapper"> <!-- Start of wrapper -->
            <div id="content"> <!-- Start of content -->
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘multicolor theme header doesn't show in IE’ is closed to new replies.