1

In my Wordpress dashboard "Screen Option" and "Help" button are not pulldown.

Screen Option not working

Could anybody help me to solve the problem. Thanks.

4
  • 3
    Sounds like Javascript is not loading. Do you have Javascript turned off or is it blocked by an ad blocking browser extension?
    – s_ha_dum
    Dec 20, 2013 at 15:36
  • Changing browser may help you. :) Dec 20, 2013 at 16:00
  • Thanks, I tried with desable ad blocking ext and also tried with ohter browers, but same result. sorry.
    – Musfeq
    Dec 20, 2013 at 17:55
  • 1
    Hello Musfeq - Welcome to the WordPress development community! While your Javascript may be loading there may be other conflicts arising. Do you know when these items stopped functioning/if any updates or changes were made immediately before then? The first step in troubleshooting this problem is open your browser's Javascript console (Ctrl + Shift + i and then the "Console" tab in Google Chrome) and look for errors (Red messages denoted with a red circle with a white 'x', in Chrome's console). These errors will hopefully give us a better idea of what's going on.
    – bosco
    May 30, 2014 at 18:10

4 Answers 4

9

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

1
  • Spot on! I am using wordpress veresion 5.0.3 with bs 3.3.7. The screen options and help did not work. However, with your solutions the div jumps out instead of slide out.
    – mmrs151
    Feb 17, 2019 at 0:45
4

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

0
0

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.

-1

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

1
  • 3
    While this solution may alleviate the symptom, the underlying conflicts/errors are likely still present.
    – bosco
    May 30, 2014 at 18:06

Not the answer you're looking for? Browse other questions tagged or ask your own question.