Guide to Fix Mobile Usability Error in WordPress    
NewIncredible offer for our exclusive subscribers!Read More
38°C
August 18, 2022
Business

Guide to Fix Mobile Usability Error in WordPress

  • December 16, 2021
  • 3 min read
  • 191 Views
Guide to Fix Mobile Usability Error in WordPress

Today I am going to show you how to fix mobile usability error in WordPress website that is “You must use a more modern browser” error message. If you are receiving this error on your website then read this article carefully and follow all steps one by one until the end to fix this error. First of all, it is very important to find out why you are receiving this error message on your website.

Actually the reason behind this error is because compatibility issue between old browser and HTML5 code. For example if you are using an old version of Internet Explorer then the plugin or theme that you installed in your WordPress website may show this error message on your website.

How to Fix Mobile Usability Error in WordPress Site?

There are two most common ways to fix this issue that is either you have an option to disable HTML5 code or update WordPress theme and plugins from the Dashboard > Updates section, which you can disable HTML5 code and allow old browser to use your site.

I will first show you how to fix this issue by disabling the HTML5 code via Theme Options, so follow these steps carefully:

Step 1) First of all login to your WordPress Dashboard > Appearance > Editor option.

Step 2) Now go to “Header.php” file on the left side bar under Appearance > Editor option.

Step 3) Find out this line of code “<?php wp_head(); ?” and replace it with following code:

<?php wp_footer(); ?> <?php wp_header(); ?>

4) Now click the “Update File” button and then refresh your website.

Note: Please note that if you do not find this code in your Header.php file, then it means that somewhere between line number 10-100 so you need to find out exact code from top to bottom manually and replace all with above code.

Now I will show you how to disable HTML5 code via Theme Options that is also very easy so follow these steps carefully:

Step 1) First of all login to your WordPress Dashboard > Appearance > Widgets.

Step 2) Now go to top right side bar where you can find widgets section and click on “Mobile” tab.

Step 3) Now there are some checkboxes where you need to uncheck the HTML5 elements that are found via mobile browser.

Step 4) Just click on “Save” button and refresh your website, now your website will stop giving this error message on your mobile browser.So these were two easiest ways to fix mobile usability error in WordPress websites. This error occurs mainly with the old browser like Internet Explorer 7,8 and mobile browsers.