Support » Themes and Templates » Twenty Eleven menu not showing in IE 7

  • Here is my new site:

    The menu shows fine in Chrome and Firefox but not in IE7, which is my test version of IE.

    I have followed up a tip elsewhere and placed the following code in my child theme’s css, but that has had no apparent effect:

    #nav-content { position: relative;z-index: 100001; }

    Can anyone help? I have some experience in WordPress but am not a coding expert by any means.


Viewing 15 replies - 1 through 15 (of 21 total)
  • I am having the same problem! Even with a blank child style.css, the menu items don’t show up in Internet Explorer 7. They work in all other browsers. However, if I switch back to the stock non-child Twenty Eleven theme, they show up just fine. We must be missing something that needs copied over to the child theme.

    My twentyeleven child theme has one file “style.css” and this is the only code in it (I removed all my mods), and it still doesn’t work. All it’s doing is calling the original style file with no changes:

    Theme Name:     Twenty Eleven Child
    Theme URI:      http: //
    Description:    Child theme for the Twenty Eleven theme
    Author:         Jamil Abbasy
    Author URI:     http: //
    Template:       twentyeleven
    Version:        1.2
    @import url("../twentyeleven/style.css");

    However, if I switch back all is fine! What other file do I need to call to make the menu work in IE?

    I figured it out!!! You need to add this code in the style.css to remove the search box:

    #branding #searchform {
    display: none;
    position: absolute;
    right: 7.6%;
    text-align: right;
    top: 3.8em;

    I found it from this page:

    That’s one answer but not a satisfying one- WHY should it work? What about the searchform is screwing up the menus? Why only in child themes? Also I’d prefer to eit out the searchform in the child theme header.php, but what if we WANT a search box??



    Forum Moderator


    can you describe your problem?
    do you have a child theme of Twenty Eleven?
    link to your site?

    Liz – what’s not satisfying about a fix that solves the problem?

    I have a search box on my website in the footer widget. You could also add the search to the sidebar widget too. Or you could add it to both.

    Every browser displays websites differently. I’ve tested this fix on many versions of IE, Firefox, Chrome, and Safari. And my site looks good in all.

    Strange, VoodooPress is run on a twentyeleven child theme

    I develop the site at work often, using IE7

    The original 2011, and my child both are able to display both the menu, and the search box

    Do you see the menu on my site fine in IE7?

    Your site looks good in IE9 as well as Safari.

    I’m pretty dumbfounded as to why a blank child theme would cause this issue.

    Are you seeing my menus in IE7?

    That’s strange. I do see VoodooPress’s menus in IE7.

    I take it you don’t see mine:

    Have you added some css that make take account of this?

    Or – well, what could it be?


    @jamooche If you are referring to the top menu bar, Home, About, Galleries, Contact, I can see it in IE7 right now

    @alanpmcd Yours is missing, however it’s in the source code…. I’m gonna try to peek at the code to see what’s amiss

    As for my menu, I did absolutely nothing to change any css. My menu works on a completely fresh install, as well as on my child theme. The menu has never disappeared on me

    @alanpmcd I can see an issue which may be causing you some problems

    Your commented out search form is not commented correctly. You use three hyphens, and extra exclamation point… here’s yours:

    <!--- code ---!>

    A proper comment is

    <!-- code -->

    Fix that and see if anything improves. IE is real flaky about stuff like that

    Yuo also do that down in your footer to remove the WordPress credit



    Forum Moderator

    EDIT: @rev.Voodoo:
    i didn’t see your reply while i was checking the isssue.
    END of EDIT

    the issue is possibly caused by the rather random commenting of the search form:

    <!---	<form method="get" id="searchform" action="">
    		<label for="s" class="assistive-text">Search</label>
    		<input type="text" class="field" name="s" id="s" placeholder="Search" />
    		<input type="submit" class="submit" name="submit" id="searchsubmit" value="Search" />

    for valid commenting, see:

    voodoo / alchymyth

    Thank you for pointing out the error of my ways, that was very helpful, and now my menu shows up even in pesky 1e7!


    Good stuff! glad you got it

    Thanks for the info Voodoo. I’m glad it works and glad everyone else figured it out.

Viewing 15 replies - 1 through 15 (of 21 total)
  • The topic ‘Twenty Eleven menu not showing in IE 7’ is closed to new replies.