Internet Explorer Problems with Customizr Theme

@ Momo2Mimo

It looks like you are describing a situation that fits IE8!
I have no doubts that you are using IE11, but maybe the emulator is set on IE8.

Press F12 (on PC) and it opens the developer tools for IE; make sure that under “Emulation” everything is set on IE11.
I know people that is using IE11 in IE7 modality all the time and they are still there, barking at the moon, wondering why internet is so badly designed.

Make yourself a favor, after checking the settings, stop using IE.

Hope it helps,
Giorgio

Giorgio,

“Assumption is the deadly enemy of IT Professional”. I installed IE 11 and went through all the configuration steps. But, it failed to install. I assumed I had IE 11, but I have IE 8. I tried to install again today. I got blue screen of death. I tried again, it does not install. I will be getting a new lap top shortly.

Is it possible to configure Customizr theme to be compatible with all versions of IE? Because, there are millions of users who are still using IE 8 and below. Is there custom code or a plugin to make customizr theme to be compatible with all browsers?

Thanking you for your help.

Customizr works well with IE9 and above, for IE8 there are some custom settings(classes starting with .ie8 )though the limitation of IE8 is huge!

If you wanna use IE it has to be IE9 or above, it would be very painful rendering properly all your settings on IE8.

And keep on mind that in the next few months Microsoft will cut-off IE8 support and development, there is really no point in wasting energy for it!

All the above version of IE are working just great with Customizr

Giorgio,

Is there a way to detect IC 8 version? So that I can tell\warm those users that my website may not work well with IE 8.

Thank you for your prompt reply.

You can try this function to be copied in your functions.php, still assuming you are using a child-theme

function getInternetExplorerVersion()
// Returns the version of Internet Explorer or a -1
// (indicating the use of another browser).
{
  var rv = -1; // Return value assumes failure.
  if (navigator.appName == 'Microsoft Internet Explorer')
  {
    var ua = navigator.userAgent;
    var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
    if (re.exec(ua) != null)
      rv = parseFloat( RegExp.$1 );
  }
  return rv;
}

function checkVersion()
{
  var msg = "You're not using Internet Explorer.";
  var ver = getInternetExplorerVersion();

  if ( ver > -1 )
  {
    if ( ver >= 9.0 )
      msg = "You're using a recent copy of Internet Explorer."
    else
      msg = "You should upgrade your copy of Internet Explorer.";
  }
  alert( msg );
}

I did not test it recently, it is an old snippet for when we used to waste our time for IE users ??

In case you need help with the child-theme here is a perfect tutorial for it:
Creating a child theme for Customizr

Hope it helps

this is updated to IE11 and even less tested than the previous snippet, test it locally before deploying it for the public!

function getInternetExplorerVersion()
// Returns the version of Internet Explorer or a -1
// (indicating the use of another browser).
{
  var rv = -1; // Return value assumes failure.
  if (navigator.appName == 'Microsoft Internet Explorer')
  {
    var ua = navigator.userAgent;
    var re  = new RegExp("MSIE ([0-11]{1,}[\.0-11]{0,})");
    if (re.exec(ua) != null)
      rv = parseFloat( RegExp.$1 );
  }
  return rv;
}

function checkVersion()
{
  var msg = "You're not using Internet Explorer.";
  var ver = getInternetExplorerVersion();

  if ( ver > -1 )
  {
    if ( ver >= 9.0 )
      msg = "You're using a recent copy of Internet Explorer."
    else
      msg = "You should upgrade your copy of Internet Explorer.";
  }
  alert( msg );
}

@ Momo2Mimo
I’m sorry, I’ve failed to mention that the previous js code can not run into the functions.php
One is a js and the other one is php!
You have to create a js file e.g. “ie-script.js” and paste into it the above code.

Than you’ll need to enqueue “ie-script.js” through a function that has to go into your functions.php

something like this:

/**
 * Proper way to enqueue scripts and styles
 */
function ie_scripts() {
	wp_enqueue_style( 'style-name', get_stylesheet_uri() );
	wp_enqueue_script( 'script-name', 'your-child-them-path/ie-script.js', array(), '1.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'ie_scripts' );

again, I did not test it. So theoretically speaking should do the job.

I’ve tested and i woks with a different and easier js function.
So, to summarize with the updated code:

You have to create a js file e.g. “ie-script.js” and paste into it this code:

var div = document.createElement("div");
div.innerHTML = "<!--[if lt IE 9]><i></i><![endif]-->";
var isIeLessThan9 = (div.getElementsByTagName("i").length == 1);
if (isIeLessThan9) {
    alert("YOUR IE VERSION SHOULD BE IE9 OR ABOVE");
}

It gives a popup alert if you are using IE8 or below.

Than you’ll need to enqueue “ie-script.js” through the php function below that has to go into your functions.php:

function ie_scripts() {
	wp_enqueue_style( 'style-name', get_stylesheet_uri() );
	wp_enqueue_script( 'script-name', 'https://localhost/dropbox/grc-local/wordpress/learning-site/wordpress/wp-content/themes/customizr-child/ie-script.js', array(), '1.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'ie_scripts' );

hope it helps

Thank you very much.

I am using a Child Theme of Customizr. I will test the code you have given. I will get back shortly.

I created ie-script.js and copied it into customizr-child folder.

I added the second piece of code to functions.php in chustomizr-child folder.

I tested with IE-8 browser. I do NOT get the pop-up warning window.

Thanks.

Hey Momo2Mimo
your js script is linking to my local site!

this snippet is customized for your site, change the one you have with this one in your functions.php

function ie_scripts() {
	wp_enqueue_style( 'style-name', get_stylesheet_uri() );
	wp_enqueue_script( 'script-name', 'https://www.medically-no-nonsense.com/wp-content/customizr-child/ie-script.js', array(), '1.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'ie_scripts' );

Let me know when done so I can test it as well.
G.