Navigation Sets - Visual Navigation, the mm-card-grid-item and Internet Explorer

[lesliekirk]

Well it would seem that the Navigation Sets - Visual Navigation that lets you place categories on the SFNT in Levels ReadyTheme does not play nicely with Internet Exploder (Explorer)



So what's the fix for it?

[Matt Zimmermann]

Hi Leslie,

Can you post a link to the site and list what version of Internet Explorer you are testing?

[lesliekirk]

Hi Leslie,

Can you post a link to the site and list what version of Internet Explorer you are testing?

http://www.leedsworldrefill.com/

I verified this on a PC running Windows 10 Pro with Internet Explorer 11 (version 11.1480.14393.0)

[Matt Zimmermann]

Hi Leslie,

Looks like you have a lot of items mashed up here. First thing I am seeing is a JavaScript error because you are calling in the Bootstrap JavaScript before you are calling jQuery. I'm not sure why you are using Bootstrap with a non-Bootstrap based framework. The visual navigation system you are using is from the Booc ReadyTheme; wich does require a bit of trickery to play nice with Internet Explorer 11. Are you sure you have copied over all the relevant CSS for this particular section to function properly?

[lesliekirk]

Hi Leslie,

Looks like you have a lot of items mashed up here. First thing I am seeing is a JavaScript error because you are calling in the Bootstrap JavaScript before you are calling jQuery. I'm not sure why you are using Bootstrap with a non-Bootstrap based framework. The visual navigation system you are using is from the Booc ReadyTheme; wich does require a bit of trickery to play nice with Internet Explorer 11. Are you sure you have copied over all the relevant CSS for this particular section to function properly?

The home page coding was provided to me to integrate.

What is the trickery needed? I'm guessing it's some of those lines of CSS that I may have missed when trying to meld this into the provided layout.

[Matt Zimmermann]

Hi Leslie,

I would compare the CSS you have for that section with the one from Booc, I have attached the file in TXT format.

[lesliekirk]

Thanks Matt, I've added the CSS and moved around the javascript but still no joy.

[Matt Zimmermann]

Hi Leslie,

That's an odd one. Unfortunately, when I try to diagnose the issue in native IE11, the site is crashing my browser. You might try checking for any conflicts with the Bootstrap CSS included on the page.

[lesliekirk]

Hi Leslie,

That's an odd one. Unfortunately, when I try to diagnose the issue in native IE11, the site is crashing my browser. You might try checking for any conflicts with the Bootstrap CSS included on the page.

The error I saw had something to do with the "read more" in the scripts.js file. So I guess I need to find that and comment it out?

[lesliekirk]

Took me a number of tries to final get this

[Matt Zimmermann]

Hi Leslie,

Yep, that is exactly what I am seeing as well.

[lesliekirk]

So would that be a javascript conflict or something the IE just doesn't like? If it's something IE just doesn't like wouldn't this have should up with the ReadyTheme testing?

[Matt Zimmermann]

Hi Leslie,

Most likely, it is a conflict with the combination of scripts and/or styling being used on the site that IE is not liking. It is not unusual for the inspector to crash the site in IE if there is something it doesn't like. Luckily, although not perfect, the site itself is not crashing IE under normal circumstances.

[lesliekirk]

Hi Leslie,

Most likely, it is a conflict with the combination of scripts and/or styling being used on the site that IE is not liking. It is not unusual for the inspector to crash the site in IE if there is something it doesn't like. Luckily, although not perfect, the site itself is not crashing IE under normal circumstances.

Yeah, I know about the not perfect, but it is what it is. Now to try to blindly ferret out the conflicts....