Tweaked TwentyEleven menu not showing in IE

  • Hi,
    I am hoping that someone can help as I am have been desperately trying to get to the bottom of why the drop down menu is not displaying in IE.
    The TwentyEleven theme has been copied and tweaked. I have modified the menu so that it displays images as the background images to the LI’s. The rest of the menu is pretty much unmodified with the dropdown working as it was. In Chrome and FireFox its perfect.
    This is the site:
    https://demo.bagshot.surrey.sch.uk/
    I have researched it and found one example problem which was related to invalid comments like this <— where it should be <–. But, this isn’t relevant to my problem as I have checked. There was also another workaround relating to the search box, but there is no reason why the search box should affect the menu, in my opinion.
    I would be grateful if anyone could shed any light on this.
    Many thanks,
    Rob

Viewing 5 replies - 1 through 5 (of 5 total)

  • Not sure as I do not have IE, but you may need to add z-index to the secondary (drop-down) menu items — z-index is not inherited so even though you have it here:

    #access ul ul {
    display: none;
    float: left;
    left: 0;
    margin: 0;
    position: absolute;
    top: 20px;
    width: 188px;
    z-index: 99999;
}

    that may not be enough for IE. Like I said, this is a guess, but usually this kind of thing is related to z-index or to mark-up or CSS errors on the page (so you could check for those as well).

    Thread Starter rwassell

    (@rwassell)

    Hi WPyogi,

    Thank you for your reply.

    If only everyone, like you, didn’t have IE, website development would be so much easier!

    I played with Z-Index, checked the mark-up and the CSS and still no luck. I have minimised validation errors from W3C with HTML and also with CSS to some extent in the areas of the menu but most have been resolved now. There is one ‘fix’ for IE which I have left in there. There appears to be some issues in other areas of the CSS but this appears to be WordPress specific and as TwentyTwele works in IE the rest of the style sheet can’t be causing the problem.

    Has anyone else had a similar problem and if so, how did you resolve it? It could be that your fix might help me.

    Thanks

    Rob

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You can’t use pseudo elements on anything other than anchors, otherwise old versions of IE won’t work.

    If only everyone, like you, didn’t have IE, website development would be so much easier

    LOL! You got that right! But then there are brilliant people like Andrew who know these IE secrets! Hope that solves it.

    Thread Starter rwassell

    (@rwassell)

    WPyogi, you helped me tidy up what I had.
    Andrew, you helped me resolve my problem.

    Thank you very much for your help, I really do appreciate it.

    Regards,

    Rob

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Tweaked TwentyEleven menu not showing in IE’ is closed to new replies.