Menu Bug in IE 11

[MontanaSBC]

Hi,

I’m experiencing a couple of problems with a side menu in IE 11. The dropdown menus will not expand and the primary menu items are center-aligned rather than left-aligned as they should appear.

How can I fix this?

[christian]

Hey there,

I don’t see a dropdown menu even in Chrome. Because IE behaves differently than modern browsers, the Content Flex Layout > Horizontal of your Top Link must be specifically set to Start

Thanks.

[MontanaSBC]

Hi Christian,

Your suggestion fixed the alignment problem, thank you.

I’m sorry I used the wrong term in my post … I meant to say submenu and sublinks (rather than dropdown). I have attached an image of what the left side menu and submenu look like in Chrome/Firefox/etc. The links in this menu that contain sublinks will not work in IE11. Does that make it more clear? Any suggestions?

[rad]

Hi there,

Looks like it’s an issue from the version you’re using, I recommend updating your theme but if you don’t like. Please add this code to your global custom javascript.

 if (!String.prototype.includes) {
    String.prototype.includes = function(search, start) {
      if (typeof start !== 'number') {
        start = 0;
      }

      if (start + search.length > this.length) {
        return false;
      } else {
        return this.indexOf(search, start) !== -1;
      }
    };
  }

It’s from here https://stackoverflow.com/questions/31119300/ie11-object-doesnt-support-property-or-method-includes-javascript-window

Thanks!

[MontanaSBC]

The custom javascript did the trick, thank you!

P.S. Updating to the latest version didn’t work though.

[paul.r]

Glad to know the code works.

I will forward this to our web development team for review.

Thanks