Loading...

Internet Explorer Alert

Bootstrap 5 dropped the support for Internet Explorer. But there are still many areas in which IE is strongly represented. Doctors, craftsmen, lawyers etc., wherever older or non-technical users can be.

If the page is browsed by Internet Explorer, an alert is displayed below the navbar. Check this site here in Internet Explorer emulator.

This is done by a pluggable function in /inc/template-tags.php and can be translated.

If you do not want to display the alert, open header.php in child-theme and scroll to the bottom. There you will find this hook:

<?php bootscore_ie_alert(); ?>

Delete it.

5 Comments on “Internet Explorer Alert”

  • mister geddes

    says:

    Hi there,

    Firstly thank you for such an amazing theme and the plug-ins also.

    I am having an issue where the internet explorer message shows randomly on different pages on different browsers and devices. Any idea how to fix this without deleting the whole notification?

    • mister geddes

      says:

      Ironically, when Looking at the site on a windows tablet in internet explorer, the notice didn’t show up on the homepage

    • Basti

      says:

      Hi,

      no idea yet, because I do not use Windows. But maybe a workaround:

      Go to header.php to the bottom and replace this

      <?php bootscore_ie_alert(); ?>

      with this

      <!-- Internet Explorer Warning Alert -->
      <div class="no-ie-support d-none container my-4 robots-nocontent" data-nosnippet>
          <div class="alert alert-warning alert-dismissible fade show" role="alert">
              <p class="h1">Internet Explorer detected</p>
              <p>Some warning text</p>
              <p mb-0>Some more text <a class="alert-link" href="https://www.mozilla.org/de/firefox/new/">Mozilla Firefox</a>, <a class="alert-link" href="https://www.google.com/chrome/">Google Chrome</a>, <a class="alert-link" href="https://www.microsoft.com/edge">Microsoft Edge</a> oder <a class="alert-link" href="https://www.opera.com/">Opera</a>.</p>
              <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                  <span aria-hidden="true">×</span>
              </button>
          </div>
      </div>
      

      This should work. Alert is now part of the DOM and maybe crawled by Google. So make sure that you have a strong Meta description to make sure that Google not shows this in search results.

      Does that help?

    • Basti

      says:

      Edit: I see IE Alert on your site by browsing macOS Safari. That means that there is something wrong. Please activate parent theme and check Alert again. It seems that this is happen in your child.

      • mister geddes

        says:

        Hi, Thank you for your response, sorry I’ve only just seen it! I checked the header.php file in the child theme and replaced it with the code you suggested and it seems to have resolved the problem… I think. The issue was sporadic which made me think it might be linked to the templates but I couldn’t be sure just yet. Will report back if anything changes. Thanks again

Leave a Comment

Cookies help us deliver our services. By using our services, you agree to our use of cookies. More Information