In my Wordpress dashboard "Screen Option" and "Help" button are not pulldown.
Could anybody help me to solve the problem. Thanks.
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It only takes a minute to sign up.
Sign up to join this communityCheck 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
I solve this problem after hours of searching. AdBlock hiding this tab in my case.
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.
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
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.