The ONLY right answer to ' Elementor doesn't show correctly on Internet Explorer '

No extra plug-ins required! Elementor Free Compatible.

This is how you can easily create a redirection to a ' please use a modern browser such as Chrome to browse our website ' page.

Many Elementor users might have problem with Elementor not showing correctly on IE (Internet Explorer) . Redirecting the IE users to a page that prompts them to download a modern browser, and explaining to them that it is for their own online security, is a great option.

As of January 2020, there is no longer any security updates for Windows 7 and Internet Explorer. Informing your IE users of this benefits them greatly. Even if some might not care… Chrome is the most secure way to surf the internet, suggest them to try it out!

Elementor & IE : Fix Internet Explorer Issues With This Easy Method

Quite simple really. Add this code to an html element at the top of your Elementor header template, or at the top of a page.

Elementor Close PopUp on Click for Menu & Same Page Links
left element

If you want this only on your home page for example, just make it the first element there.

<script>
var ieusers = 'https://element.how/modern-browser/';
(/Edge/.test(navigator.userAgent) || /msie|trident/i.test(navigator.userAgent))? document.location = ieusers : null;
</script>

and simply change the URL to your own

This should fix your Elementor Internet Explorer problems! View the working example by visiting this article with Internet Explorer

Recently updated to also redirect older Edge browsers as well. Chromium Edge doesn't get redirected.

Et voila! Thanks for reading!
Let me know if you need help!

25 Responses

    1. Maxime Desrosiers, thanks for sharing this. I'm having the same issue as Nita. I created my own page, and changed the link in the script. The title of my page shows up, but the page itself comes up blank. Any thoughts on how to fix this? Thanks!

    2. Art Resourcery It is probably because (if you have a similar setup than Nita explained) , your redirection code ALSO shows up on the page that is meant for Explorer users! It should not be there. It should be on every other page(if that's what you want), except the pages meant for IE users.

    3. Hello! Were you able to solve it in another way? I put it in the header of the Hello theme and added it to the page, but in IE it is blank

  1. Fantastic! Works like a charm.

    Quick question: Is there any way to target this redirect to older versions of IE (say, 10 and prior)? I know a lot of companies still use IE as a default. My Elementor site works okay with IE 11, though is completely trashed on older versions.

    1. try this, let me know if it works!

      <script>
      var ieusers = 'https://elementorcodes.com/modern-browser/';
      navigator.userAgent.indexOf("MSIE") >= 0 ? document.location = ieusers : null;
      </script>

  2. Hello, thanks for the script. I installed wp-rocket as a caching plugin, as soon as it is active, the script no longer works. Do you have a tip? Thank you.

    1. Hey Jan! Try to exclude this little bit of inline script from being concactenated or otherwise tempered with by wp Rocket

    2. Maxime Desrosiers Would it also be possible for the user to make a decision? So that he can still stay on the page with a click of a button and use the IE11.

  3. Do you have the code to detect older edge versions and redirect them like you did above? My site works fine in the new version of edge, but not in older versions. I want to be able to just redirect those that use the older versions on edge. Thanks!

    1. Let me know if it works!

      <script>
      if (window.navigator.userAgent.indexOf('Edge') !== -1) {
      var edgeusers = 'https://element.how/modern-browser/';
      document.location = edgeusers;
      }
      </script>

  4. thanks for your blog, i learned i lot from you! coud you please make a topbar or popup version of this? without redirection .

    Thanks!!!

  5. How and where exactly do i have to add the script in the Header Template? I don't get this to work. I use the Hello Elementor Theme and i can edit the files Hello Elementor: Theme-Header (header.php) AND Hello Elementor: header.php (template-parts/header.php). For now, it just works by adding the script on every single page. Thanks in advance!

    1. do you have Elementor Pro ? You can simply add it in the header created in the theme builder there. If you don't have pro... You could add it in header.php as well, it would be better in a child theme though.

    2. You would still need to make it conditional so that it would not be added to the page you are redirecting though. Otherwise that page's content won't load properly.

Leave a Reply