• Creator
    Topic
  • #8321

    Brady Smith
    Spectator
    Been thanked: 0 times

    site: http://www.nbainc.com/annuities

    Using evolve 2.8.8 and everything looks perfect on Chrome, IE8, and IE11 browsers. When I roll-back IE11 to IE10 on Win7, my home computer shows the menus perfectly. As soon as I have someone at work test the site, they report the menu doesn’t fully show. 5 users at my office, all with essentially the same setup (IE10 on Win7), report the same thing.

    Here’s an example of what they see:
    http://nbainc.info/annuities/?attachment_id=476

Viewing 15 replies - 1 through 15 (of 15 total)
Replies
  • Roman
    Keymaster
    Post count: 2538
    Been thanked: 29 times
    #9330 |

    isn’t it a bug of the browser? sorry I have no chance to test it on IE10

    Brady Smith
    Spectator
    Post count: 8
    Been thanked: 0 times
    #9336 |

    Have you heard of this problem before? It if is a bug in the browser, it should show up often. What else can I do? What testing would you do?

    Brady Smith
    Spectator
    Post count: 8
    Been thanked: 0 times
    #9337 |

    Roman- Just did some searching and found that out of the 13 sites below that have the “evolve theme by Theme4Press” at the bottom of the page, 10 of them show the same incorrect menu behavior in IE 10, but three of them are working correctly. Is there something common with the 10 that is different than the three? I will be happy to do some testing. I need to get this error corrected.

    These have a menu issue:
    http://demo.theme4press.com/evolve
    http://sigmanutau.org
    http://tpconference2014.com
    http://www.sinchem.eu
    http://islandbots.org
    http://artscorpsdetroit.org
    http://lawpickard.com
    http://durhamcommunityfoundation.ca
    http://www.pentwaterlibrary.org
    http://ccscne.org

    These show the menus correctly:
    http://cluj.startuppirates.org
    http://heartlandfire.org
    http://fhfsolano.org

    Roman
    Keymaster
    Post count: 2538
    Been thanked: 29 times
    #9341 |

    its weird….this website is using same version same like you http://fhfsolano.org/ and you wrote it shows correct, for you.

    try insert this in the Custom CSS field and see what it does:

    Code:
    .content {position:relative;z-index:0;}
    Brady Smith
    Spectator
    Post count: 8
    Been thanked: 0 times
    #9347 |

    Just did and there is no change to the menu behavior. It is almost like the menu shows behind the rest of the page below it, instead of showing in front, like it is supposed to.

    Roman
    Keymaster
    Post count: 2538
    Been thanked: 29 times
    #9346 |

    it seems to be a position bug with the IE10 version. can you try this fix yet http://aprecs.centricityllc.com/2013/04/ie-10-browser-issues-dropdown-menus/

    Brady Smith
    Spectator
    Post count: 8
    Been thanked: 0 times
    #9376 |

    Roman- I reviewed the fix you mentioned, but I cannot expect visitors to the site to perform this fix.

    I’d like to know why the site you mentioned in one of your posts above (http://fhfsolano.org) works just fine in IE 10 for Win7 from inside my work network, but my site doesn’t. Will you please check their site to see if they implemented some custom css or something to make it work?

    Roman
    Keymaster
    Post count: 2538
    Been thanked: 29 times
    #9377 |

    try insert this in Custom CSS section:

    Code:
    .menu-header {z-index:9999;}
    Brady Smith
    Spectator
    Post count: 8
    Been thanked: 0 times
    #9403 |

    The problem with our menus seems to only occur when IE 10 Compatibility View mode is set, from inside or outside our network. The two CSS sections you sent me didn’t change anything, as far as I could tell, so I removed them. There is something in the fhfsolano.org site that allows their menus to work, even when viewing in IE 10 Compatibility View mode. Because many of our visitors work with websites that will require them to use IE 10 Compatibility View mode, we really need the menus to work in that mode. Please compare their site to mine to see what they did to make it work.

    Roman
    Keymaster
    Post count: 2538
    Been thanked: 29 times
    #9404 |

    please can you confirm on our demo site http://demo.theme4press.com/evolve/ if the problem is not there too?

    Brady Smith
    Spectator
    Post count: 8
    Been thanked: 0 times
    #9409 |

    Yes. Viewing the demo site in IE 10 Compatibility View mode shows the menus “hidden” behind the images of the parallax or behind a thick gray element. Here are some screenshots:
    http://nbainc.info/annuities/wp-content/uploads/2014/04/Capture.png
    http://nbainc.info/annuities/wp-content/uploads/2014/04/Capture2.png

    Roman
    Keymaster
    Post count: 2538
    Been thanked: 29 times
    #9412 |

    I found the bug, please edit the style.css file, find line #433 and remove it:

    Code:
    position:relative;

    it will fix the bug, this will be fixed in the next theme release also.

    Brady Smith
    Spectator
    Post count: 8
    Been thanked: 0 times
    #9420 |

    My CSS editor doesn’t show the same line numbers as you, so I remmed out all “position:relative;” references between the /* Menu */ and /* Menu bugfix */ lines. This solved the problem, though a little quirky. I ended up putting each one back in until I found that the problem is solved by only remming the one at my line 425, which can be seen here:

    Code:
    Line 424 text-shadow: 0 1px 0 #FFFFFF;
    Line 425 /* position:relative; */
    Line 426 float:left;display:block;width:100%;

    Again, the problem is solved, but it isn’t the optimal solution.
    Thanks.

    Roman
    Keymaster
    Post count: 2538
    Been thanked: 29 times
    #9421 |

    the problem was in the .menu-header css rule so it seems you removed the right one 🙂

    Brady Smith
    Spectator
    Post count: 8
    Been thanked: 0 times
    #9422 |

    Great. Thanks for the help.

Viewing 15 replies - 1 through 15 (of 15 total)
You must be logged in to reply to this topic.