amar22

#8760

Since the WordPress 3.8 update, a wide white space appears above the admin bar in mobile devices (such as my iPhone). The admin bar seems pushed down and overlaps my header. This was not an issue before that update. I suppose it is due to some code with the admin bar, but I am a novice at best and can’t figure it out. The issue does not arise when viewing on a larger device or on my desktop. Any advice?

My site is http://www.videofootballleague.com

It is private, so to take a look use the following:

Login: Test

Password: Test123

amar22

#42111

I was able to remove the space by adding this to the GM Neo Mobile function.php:

add_action(‘get_header’, ‘my_filter_head’);

function my_filter_head() {

remove_action(‘wp_head’, ‘_admin_bar_bump_cb’);

}

However, now the admin bar covers part of the header (actually this occurred before as well). It appears to me that the admin bar was spacing itself down and overlapping the header. Now that space is gone, but it still overlaps. Any suggestions?

amar22

#42112

Ok, I adjusted the padding to move my text in place, and I made my header image a fixed size. This seemed to give me an acceptable appearance, although I don’t know why the problem arose in the first place.

amar22

#42113

This is what I added to the custom css:

#header {line-height: 0.5}

/* Begin Headers */

h1 {

padding-top: 54px;

margin: 0;

}