How would you feel when you successfully logged in to your WordPress admin and if the dashboard is displayed Incorrectly? I can guess you will be frustrated. The Admin Dashboard not displaying properly is the most common problem faced by most of the WordPress users.
This WordPress admin error creates confusion for the WordPress beginners. To solve this issue, we came up with a simple solution to fix it. This article gives you a clear description of the cause of this issue and also explains you the way to resolve it.
Fix Admin Dashboard Not Displaying Issue
When you log into the administration area of your site, The WordPress Dashboard (Admin panel) is the first screen you see. You can do all the WordPress CMS management through this admin panel. From this screen, you can easily manage all the operations. What happens if such a screen does not Work properly or fails to display? It creates the depression for you as you are unable to perform their work without the dashboard.
In order to make you feel relaxed, we will show you the best way to fix the Admin Dashboard not displaying issue in WordPress. You can also find the causes for this issue here in the article.
Reasons for WordPress Admin Dashboard not displaying correctly
When the Admin Dashboard not displaying issue occurs, The designs of the WordPress Dashboard looks messed up. This happens because WordPress is not loading the needed style files for the administration screen. Furthermore, there are many reasons for the rise of this issue. Have a look at the complete set of reasons for Admin Dashboard not displaying.
Proxy and Firewall
Usually, the Internet connection is set behind a proxy connection or firewall for security purpose. There is a chance that some of these tools are blocking CSS files from loading properly and causes WordPress Dashboard not showing up properly.
CSS styles code
The problem WordPress Dashboard not Working properly issue raises if the CSS styles are not loaded properly. This will lead you to see the Dashboard with the things messed up.
Problems with stats
Every WordPress user checks google analytics to know their site statistics. Sometimes, while installing stats and analytics to your site, the Google Analytics may stop working suddenly. Due to this, the dashboard WordPress issue occurs.
Conflicts with plugins
WordPress user makes use of many plugins to avail the additional features for their Websites. But in most of the cases, the plugins are the reason for the cause of many WordPress problems including this ‘WordPress admin styles not loading issue’.
Outdated PHP Version
Sometimes, the outdated PHP Version can also cause the Problems with displaying the admin dashboard.
WordPress contains many files which are involved in performing the various function in the WordPress. These files sometimes can raise the conflicts in the admin dashboard displaying.
Browser plays a key role in running a Website. If issues arise in the browser then, the site gets disturbed, and errors arise even though there is no problem with the WordPress site. The browser problems can raise the issue ‘Admin Dashboard not displaying’.
The Screen.php file deals with the screen data in WordPress. Sometimes, the issues in WordPress Admin Dashboard may rise due to this WordPress file.
Incorrectly installed WordPress
The installation process makes the WordPress application to sit correct and run the site. But if the installation is not done properly, then the error Admin Dashboard not displaying rises.
Corrupted Database tables
Sometimes whatever the cause may be, your database gets corrupted and the data inside it in the form of tables also gets corrupted. This will raise the issue in WordPress Admin Panel.
Installed Dashboard Modules
If the dashboard modules are installed incorrectly, the issue ‘ Admin Dashboard not displaying ‘ occurs. If they are switched off then also the error raises. and nothing displays. Also if the value of the field ‘MODULE_ADMIN_DASHBOARD_INSTALLED’ is not defined or deleted in the configuration table.
Sometimes the CSS code would not load because of the encoding problems. This will lead to the error in displaying dashboard in WordPress.
Updating the jquery
Updating the jquery to the new version can break the WordPress dashboard from showing properly when you log in.
Your website Themes
Themes play a vital role in the occurrence of the WordPress Dashboard display issue. So check your themes whether they are properly working. Any updated theme or newly installed themes can also raise this issue in WordPress Admin panel.
Resolving Admin Dashboard not displaying properly Issue in WordPress
We hope the above mentioned reasons helped in troubleshooting the root cause of the issue “WordPress Admin Dashboard not showing properly” issue. Now have a look through the given set of solutions to resolve this WordPress admin issue easily.
Clear cookies and cache
The first and foremost step you need to take is to verify whether your Internet connection is behind a proxy connection or firewall. If you discover that the firewall or proxy is in use, then clear the cookies and cache by pressing the buttons Ctrl + F5 on the keyboard to refresh your page.
Use incognito mode
If your trail with opening your site in an incognito window helped you, then temporarily disable all the extensions to identify which of them is causing the Dashboard display problem in WordPress. To disable the extensions, go to chrome://extensions and uncheck Enabled for each extension one after the other.
Update your Browser
It is always a best practice to check whether the issue in WorPress is due to the Browser or not. Many times, the outdated browsers can also raise WordPress issues. So, whenever you encounter an error or a problem in WordPress, Update your browser. It can solve most of the WordPress issues including ‘WordPress Admin panel not displaying correctly’ issue.
Switch to another browser
If you are getting the same issue even if your browser is updated, then the browser you are using currently may be having some technical problems. So, switch to another browser and run your site there in it. This can kick the dashboard display problem in WordPress caused because of the browser.
If the above-given solution does not work, you must try this. Some Internet tools like Proxy and Firewall can Stop the CSS from loading correctly. So, to eliminate this possibility, log on to the internet by tethering internet connection. Now Visit your WordPress Dashboard and see if it loads properly. This can solve the issue if it is due to the Firewall.
Revert back to the default theme
To set back the default theme of your WordPress website, you no need to delete the theme. Simply follow these steps below to deactivate your theme without deleting it.
- Login to your Cpanel.
- Search for the FileManager.
- Go to the Root Directory.
- Find the wp-content folder and open it.
- Now you will find the themes folder inside it. Give a right-click on it and select Rename.
- Name the folder with any other name like “themes_deactivate”.
This process makes the WordPress revert back and set the default theme as the current theme and solve your problem if it is because of the themes.
Force the UTF8 encoding by replacing the corresponding line in wp-admin/load-styles.php
To kick out the error in the WordPress Dashboard, you can edit the WordPress core file. But this is never a good idea. Have a thorough look at the code inside the styles.css file. For this, you need to follow these steps.
- Go to wp-admin/load-styles.php.
- Open it and check for the following line of code.
3. Change this code as follows
4. Now refresh your admin page few times, and your page will be successfully loaded.
Hopefully, this can solve your Dashboard issue in WordPress.
Edit your wp-config file
If the above-mentioned solution does not satisfy you, try editing your wp-config.php file. Instead of editing WordPress core files Perhaps you might feel better modifying the config file in WordPress. So in the wp-config.php file, place the following code at the bottom of your file.
This will resolve your problem with WordPress dashboard.
Re-install the Modules
To solve the problem ‘admin Dashboard not displaying’, you need to Uninstall and Re-install the modules. To do this, follow these steps.
- Access Modules in WordPress through
- Uninstall all the modules and re-install again.
This will solve your problem easily.
Upgrade the WordPress Plugins
Have you ever installed plugins for admin menu such as ‘Admin Drop Down Menu’ or ‘Lighter Menus’? These plugins can also cause conflicts in your admin panel or dashboard. So, try upgrading them to the upper versions. This can solve your problem if it is due to the outdated plugins.
If you are facing the issue ever after the up gradation of the admin plugins, then you have to deactivate all your plugins. Please Proceed with the following steps mentioned below.
- Select the Plugins option from your dashboard.
- Click on Installed plugins.
- Click on Active button.
- Now you will see the list of plugins activated. Click on Deactivate buttons below each plugin to deactivate all.
- Reload the page and come back into your WordPress admin.
- If your dashboard is displaying properly, check for the conflicting plugin.
- Again follow the same steps and activate the plugins one at a time.
- Repeat this until you found the culprit plugin.
Hope this will solve your problem, if the problem ‘Admin Dashboard not displaying’ is due to plugins.
Change the version of PHP
Changing the Version of PHP sometimes can solve your problem with WordPress dashboard easily. To Update your PHP version, Follow the below steps.
- Login to the Cpanel.
- Search for the Software and Services section.
- Under this section, you will find PHP Configuration.
- Select this icon. This action takes you to the other page.
- Select the version of PHP you want and Click on Update.
This will surely solve your Problem in displaying dashboard.
Reupload all the WordPress Files
The error caused in the display structure of dashboard can be resolved easily by uploading the WordPress files, if the error is due to the files. For this process, you need to follow the below given steps.
- Login to your Account through Cpanel.
- Search for File Manager option.
- Select the root directory. Make sure that Show hidden files box is keep checked.
- Now delete all the files Excerpt the wp-config.php file.
- Download a copy of WordPress freshly and Extract it to any folder on your desktop screen.
- Lastly, copy all the files and paste them in the root directory of current WordPress file manager.
This will help you in restoring the lost Admin Dashboard CSS styles and show up dashboard correctly.
Edit the screen.php file
You can find the file in /wp-admin/ folder. The problem with this screen.php can be easily solved. To edit the file, follow these steps.
- Login to Cpanel.
- Search for the wp-admin folder in root directory.
- Inside it, you can find ‘Includes’ file.
- Here inside this file, you can see the screen.php file.
- Now give a right-click on it and select edit option.
- Now add a small bit of code to the file.
This can solve the issue Admin Dashboard not displaying in WordPress.
To erase the problem, just uninstall your WordPress and re-install it.
Repair your database
The database is the most prominent component in the WordPress. If such an element is corrupted, you need to repair it. Fortunately, WordPress provides simple database repair without having any technical knowledge.To repair your database, you have two methods. Follow the methods carefully and choose the best which suits your database.
Method 1: Edit the wp-config.php file
The wp-config file holds information about the database and permits to repair the database. To enable the database repair, follow these steps
Note: Always maintain a Backup to get rid of loss of data due to accidental mistakes.
- Login to Cpanel.
- Choose File Manager.
- Inside the root directory, you can find the wp-config file.Give a right-click on it and select Edit option.
- After this line of code
if ( !defined('ABSPATH') )
- Add this line
- Save changes and upload this file back to your server.
- Now open your browser and enter the following Url.
- Replace “yoursite” in the above URL with your WordPress site address.
- You will be directed to this page below.
- Select “Repair Database” option.
- This will repair your database.
Now reload your site and see if the dashboard is correctly displayed. If it worked for you, Remove the added line from the wp-config file and reupload it to the server. if this method does not benefit you, follow Method 2.
Method 2: Through PHPMyAdmin
To follow this process, go through the steps carefully.
- Login to Cpanel.
- Open PHPMyAdmin under database section.
- This will take you to another page. Give a click on your left-hand side to select your WordPress database name. (If you have multiple databases in your phpMyAdmin and if you don’t know to which database belongs to your currently using WordPress site, then check the wp-config.php file to find your database name).
- A table list opens for you.Simply select all the tables in that list.
- Now click the dropdown box at the end of the page and select ‘Repair Database.’
- With this, the PHPMyAdmin proceeds to repair your tables.
- Once done, reload your site and see if the problem vanished.
Set field value for modules
The field value for the “MODULE_ADMIN_DASHBOARD_INSTALLED” is the combination of ten PHP files. The value for the Admin modules in the configuration table is as shown in the example.
If this fails to work for you, then follow the next solution.
Add jquery-migrate tool
Adding the jquery-migrate tool can flush out the issue with Admin Dashboard not displaying properly. Open admin/includes/template_top.php. Simply add the following lines of code to your template_top.php below all the other queries.
This will make you get rid of the issue in Admin dashboard.
We have given you the possible solutions to fix WordPress Dashboard not displaying. Hope our article helped you in solving the Admin Dashboard not displaying correctly issue in WordPress. For more WordPress Server Error solutions, keep following us.