Strange bar covering my Mobile logo/menu

  • Hello, I have just realized that when I look at my site on a mobile device I have this blank “bar area” that is covering my logo and menu. I’ve tried finding the area to delete it but i’ve had no suck luck. Is anyone able to point me in the direction to get this figured out? The area does NOT appear to be viewable on the desktop version of my site…Or at least it works properly on that version.
    My site is https://beautifullyinked.us Like i’ve said you’ll need to view it with t least android device to see my issue. I appreciate any help I get, Thank you.

    I am using:
    WordPress 4.2.1 running Careta theme.

    I figured it would be in my header file but I been messing with this forever and do nothing but break my site over and over…This is my current header.php file

    <!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
	<title><?php wp_title('&middot;', true, 'right'); ?></title>
	<meta charset="<?php bloginfo( 'charset' ); ?>" />
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
	<link rel="stylesheet" type="text/css" media="all" href="<?php echo get_template_directory_uri(); ?>/style.css" />
	<link rel="profile" href="https://gmpg.org/xfn/11" />
	<link href="<?php echo get_template_directory_uri(); ?>/genericons/genericons.css" rel="stylesheet">
	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
	<?php wp_head(); ?>
</head>

<body <?php body_class('lt-480'); ?>>
<div id="page-wrap">
<div id="page">
	<?php
		$blogTitle = get_bloginfo('name');
		$headerImage = get_theme_mod('careta_header_image', '');
		$headerShowName = (bool)get_theme_mod('careta_header_showname', true);
		$headerShowMenu = (bool)get_theme_mod('careta_header_showmenu', true);

	?>

	<a id="mobile-menu" href="#menu"></a>

	<div id="header">
		<div class="wrap">
			<div class="inner">

		<a href="<?php echo home_url(); ?>" title="<?php echo str_replace('"', '\'', $blogTitle); ?>">		

<div id="blog-title"> <?php if ($headerShowName) echo $blogTitle;?> &nbsp;</div>

				</a>

				<?php if ($headerShowMenu) { ?>
					<div id="menu">

					<?php
						wp_nav_menu(array(
							'theme_location' => 'primary',
							'container' => false
						));
					?>
					</div>
				<?php } ?>

			</div>

<?php if (get_theme_mod('careta_social_location', 'header') == 'header') careta_draw_social();  ?>

		</div>
	</div>

	<div id="main" class="wrap clear">
  • The topic ‘Strange bar covering my Mobile logo/menu’ is closed to new replies.