Twenty Eleven menu not showing in IE 7 (22 posts)

  1. alanpmcd
    Posted 5 years ago #

    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.


  2. Jamooche
    Posted 5 years ago #

    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.


  3. Jamooche
    Posted 5 years ago #

    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: //www.jamilabbasy.com/blog/
    Description:    Child theme for the Twenty Eleven theme
    Author:         Jamil Abbasy
    Author URI:     http: //www.jamilabbasy.com/blog/
    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?

  4. Jamooche
    Posted 5 years ago #

    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:

  5. The_liz
    Posted 5 years ago #

    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??

  6. Michael
    Forum Moderator
    Posted 5 years ago #


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

  7. Jamooche
    Posted 5 years ago #

    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.

  8. Rev. Voodoo
    Posted 5 years ago #

    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?

  9. Jamooche
    Posted 5 years ago #

    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?


  10. alanpmcd
    Posted 5 years ago #

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

    I take it you don't see mine: http://www.theborrowdalestory.co.uk/

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

    Or - well, what could it be?


  11. Rev. Voodoo
    Posted 5 years ago #

    @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

  12. Rev. Voodoo
    Posted 5 years ago #

    @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

  13. Michael
    Forum Moderator
    Posted 5 years ago #

    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="http://www.theborrowdalestory.co.uk/">
    		<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: http://www.w3schools.com/tags/tag_comment.asp
    and: http://htmlhelp.com/reference/wilbur/misc/comment.html

  14. alanpmcd
    Posted 5 years ago #

    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!


  15. Rev. Voodoo
    Posted 5 years ago #

    Good stuff! glad you got it

  16. Jamooche
    Posted 5 years ago #

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

  17. getsocialinthecity
    Posted 4 years ago #

    I am having a similar problem. For some reason the visited tabs on my menu are blank in IE. Works fine in other browsers. Please see here: http://www.turn-key-operations.com/invitations
    Any assistance here would be more than appreciated.

  18. esmi
    Forum Moderator
    Posted 4 years ago #

    You are not using Twenty Eleven. Please post a new topic.

  19. theindiansabroad
    Posted 4 years ago #

    I have the same problem, the twenty eleven menu (page names in the horizontal bar) does not show up properly...i can see it very light color below the bar. It works fine in Firefox and Chrome. Can you please assist. my site is: http://www.theindiansabroad.com
    Thanks in advance.

  20. Jamooche
    Posted 4 years ago #


    I looked at your site on my work PC in IE7 and Firefox and see no errors. I can see the black horizontal menu bar and can click on the links in both browsers. What is the exact problem you are seeing?

  21. theindiansabroad
    Posted 4 years ago #

    That is so strange. I cannot see menu bar (or open the posts conmpletely) in IE7. I wonder if my computer has any issues with IE7.
    Thanks for the check; i will investigate on my side.

  22. ellahworks
    Posted 4 years ago #


    try to empty your browser cache. and refresh.

Topic Closed

This topic has been closed to new replies.

About this Topic