Problem with Featured Image on Page in IE (or dropdown menus hide behind Slider)

  • This is one of those Catch 22 situations currently, so if anyone can help me get our blog looking/working the way it’s supposed to, I would appreciate it!

    The site I’m working on is located at https://www.catchinformation.com/ and it works in every other browser but IE (IE8 specifically).

    What’s happening is that when you click one of the slides in the Featured Slider, the Featured Image on the linked page is messed up. (See screenshot here https://www.flaghouse.com/capture.jpg)

    After an extensive search, I found a solution. I added the following code to the header.php include:
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    and that fixed the Featured Image problem (and the issue of the UGLY choppy shadows under the featured slider on the front page), but subsequently caused an issue with the dropdowns in the navigation. They are now hiding behind the Featured Slider (which you can see at the site now, in IE8).

    I have tried to adjust the z-index on the drop down menu and the slider…I feel like I’ve tried every possible configuration, but there must be something I’ve missed.

    Any suggestions?

  • The topic ‘Problem with Featured Image on Page in IE (or dropdown menus hide behind Slider)’ is closed to new replies.