Archive

Browsing

Root Cause of Screen Options not working

Screen Options uses the .hidden class to hide itself. when we click the screen option button, the admin script will add style = “display: block” to id # screen-options-wrap. Problems will arise if there are plugins or themes that use CSS bootstrap, where in the CSS bootstrap there are:

.hidden {
  display: none !important;
}

which causes style = “display: block” added by the wordpress admin script to not function at all.

How to fix problem screen options button Not work?

Option 1: Edit admin-footer.php files

The easiest way to solve this problem is to add a few lines of javascript in the file wp-admin/admin-footer.php and add the following script before the </body > tag

<script>
jQuery(document).ready(function ($) {
$("#show-help-link").click(function () {
$("#contextual-help-wrap").css("cssText", "display: block !important;");
});
$("#show-settings-link").click(function () {
$("#screen-options-wrap").css("cssText", "display: block !important;");
});
})
</script>

[message title=”Important Note” title_color=”#ffffff” title_bg=”#dd0000″ title_icon=”” content_color=”#000000″ content_bg=”#ffffff” id=””]modifying the wordpress core file will cause everything you edit to be erased when doing wordpress upgrades. You need to edit again after wordpress update[/message]

Option 2: Find and remove problematic plugins

This method is relatively safer but is very difficult because you have to look for plugins that cause this problem and delete them.
Disable all plugins, then activate the plugin one by one while trying the screen options button function. When the button doesn’t work, it means that the plugin is the cause of this problem.
Semoga bermanfaat.