How to fix WordPress dashboard screen option & help button, it’s not working

4 comments

1. Check if you or a plugin include bootstrap and the bootstrap CSS / Theme files.

   Bootstraps .hidden class looks like:

   .hidden {
     display: none !important;
   }
   

   But overrides wordpress’ definition of .hidden:

   .hidden {
     display: none;
   }
   

   The Top ‘Help’ & ‘Screen Options’ bars are displayed via inline style display: block, which is overridden by bootstraps .hidden {display: none !important} css class.

   This can be fixed by rewriting the Top Bars Css via Jquery / JS.

   Working example:

   jQuery(document).ready(function ($) {
       $("#contextual-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;");
       });
   })
   

   WordPress Version 4.5.2

   Bootstrap: 3.3.6

2. I solve this problem after hours of searching. AdBlock hiding this tab in my case.

3. Right click on the webpage select inspect element. Then select console. Check if gives any error which says jQuery is missing. In my case jQuery files were missing in WordPress migration which I had to add myself.

4. It’s a jQuery problem. I solved it by adding: define('CONCATENATE_SCRIPTS', false); to the wp-config.php file, just below the define('DB_HOST') line.

   http://codex.wordpress.org/Editing_wp-config.php#Disable_Javascript_Concatenation

Comments are closed.