I'm setting up a theme in wordpress 4.1 and I'm having a problem with Chrome.
A white bar appears at the top of my layout and I can not get it out! See:
AndwhenIseeintheChromedeveloper,itappearsasifmyheader
iswithinbody
!Kindofcrazythis,ithadneverhappened!AlreadyinFirefoxisperfect!
- Ialreadydeactivated
navbar
ofwordpressintheuserprofile - Activatedandputthetagsforitappearsanddidnotleave!
- Ihavetriedeverything!
MyHeader.php
html, body{ margin:0; padding:0;}
.container-fluid {
margin: 0;
padding: 0;
}
.bgHeader {
width: 100%;
background: #000;
background: url(imagens/bg_header.jpg) no-repeat top center;
height: 167px;
background-size: cover;
}
.header-config {
margin-top: 10px;
}
.formSearch {
margin-top: 40px;
}
.midiasSociaisHeader {
margin-top: 35px;
}
.midiasSociaisHeader img {
margin-left: 15px;
}
.menu-config {
background-image: linear-gradient(to bottom, #16b2fd, #0383f1);
height: 60px;
margin-top: -20px;
}
<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<title>Tediado</title>
<link href="<?php bloginfo('template_url'); ?>/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="<?php echo get_stylesheet_uri(); ?>" rel="stylesheet">
<link rel="icon" href="../../favicon.ico">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script><scriptsrc="<?php bloginfo('template_url'); ?>/bootstrap/js/bootstrap.min.js"></script>
<!-- HTML5 shim and Respond.js para apoio IE8 de elementos HTML5 e consultas de mídia -->
<!-- WARNING: Respond.js não funcionar se você visualizar a página via arquivo:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script><scriptsrc="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<header class="bgHeader">
<div class="container">
<div class="row header-config">
<div class="col-xs-3"><img src="<?php bloginfo('template_url'); ?>/imagens/logo_tediado.png" class="img-responsive center-block" alt="Logo Tediado"></div>
<div class="col-xs-5 formSearch">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
<button class="btn btn-default" type="button">Go!</button>
</span> </div>
<!-- /input-group -->
</div>
<div class="col-xs-4 midiasSociaisHeader"> <img src="<?php bloginfo('template_url'); ?>/imagens/facebook.gif" class="img-responsive pull-left" alt="Facebook Tediado"> <img src="<?php bloginfo('template_url'); ?>/imagens/twitter.gif" class="img-responsive pull-left" alt="Facebook Tediado"> </div>
</div>
</div>
</header>