IE Dropdown Links

Support
#1

My client is having dropdown issues with IE 11. The first dropdown link opens sideways (rather than vertically), and then dropdown links after that don’t work at all. I found this article that appears to address the issue, but I’m not able to see any downloads on that thread.

#2

Hi @pixelsandfrets,

Thank you for writing in, first, please confirm you’re all up to date, Theme, Cornerstone, and WordPress.

Updating Theme
Updating WordPress

Remember to clear all your caching features (plugin, server-side, CDN, and browser’s cache) after updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

If the issue persists, please do a Testing for Plugin Conflict.

If that did not resolve the issue, please provide us the site URL and login credentials in a secure note so we can take a closer look.

Cheers!

#3

Everything appears to be up to date, and I haven’t found a plugin conflict. I’ve also discovered a strange issue on that page in the section below the main slider (Welcome to Super Systems, Inc.). Not sure why it’s displaying that way.

I’ve provided login details in a secure note.

#4

Hello @pixelsandfrets,

Kindly check the secure note. And by the way, kindly temporarily deactivate your caching plugin.

Best Regards.

#5

Hmm…I did as asked, but there’s no change. I don’t see any caching plugins activated. Does the Child theme affect this in any way? I tried just activating the main Pro theme instead of the child theme, but the problem persisted.

#6

Hi @pixelsandfrets,

It depends on customizations you did on your child theme.

But this issue is more of a bug, you can use the custom CSS provided by Kory on that other thread to properly position (vertically) the sub-menu. However, the issue about “only one dropdown menu working” is a bug, and its already on our issue tracker. In fact, its already marked as fixed, but we can not provide an ETA on when is the next release though. Please stay tuned.

Cheers!

#8

Thanks. That’s unfortunate.

Would using something like Ubermenu fix this issue?

#9

Hey @pixelsandfrets,

Ubermenu is an independent plugin. It is an alternative way of displaying your primary menu. It should result a different outcome which will resolve your menu issue.

Best Regards.

#10

Okay…I think I got around the problem by just disabling the PRO headers and footers and using the default menus.

I still can’t figure out the issue with the second section on that page (Welcome to Super Systems, Inc.).

Here’s what I see in IE 11:

DoSee
DoSee1910×1222 108 KB

Here’s what is should look like:

ShouldSee
ShouldSee1894×1370 187 KB

Thanks for your help!

#11

Hi @pixelsandfrets,

Before we begin I would like to say that as much as we want to fully support IE, Unfortunately, IE doesn’t fully support a lot of modern web features ( e.g. Flexbox, CSS Grid, among others ), simply put IE is outdated. But I do understand that there will be situations that you can’t avoid IE.

Regarding the headline issue, it looks you used a calc(285.7%) value on the headline font-size and IE seems does not know how to calculate a percentage value within the calc() function. To resolve that, please remove the calc() function and just has 285.7 on the value and % on the unit.

That is another quirk of IE, it seems it’s applying its own height on the background-image. I will provide you a quick fix for that, but please, please don’t expect us to provide support further on this if this fix did not work on your site or if it causes a side effect.

Try adding this to Theme Options > CSS

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    [class^='x-bg'] {
    	height: 100vh !important;
    }
}

Thanks,

#12

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.