Problema spatiu header

[FratziWear]

Buna ziua. Am adaugat efecte pentru un logo si m-am ivit de o problema cu un spatiu gol in header.

Imagine: 

 

Mentionez ca imaginile nu au dimensiune mare.

Cod logo din globaltemplate:

 <div id="branding">
                          <br>
                          <center>
                        <a href="http://4g4ming.ro/">
                         <div class="logospace">
                        <img class="logoinit" src="http://i.imgur.com/x5GyfXi.png"><br> <img class="siderstxt"                         style="margin-top: -15px;" src="http://i.imgur.com/jXUWu9f.png">
                         </div>
                        </a>
                          </center> 

Cod Logo din style_css:

 .logospace{
cursor:pointer;
width:400px;
overflow:hidden;
}
.logoinit{
pointer-events:none;
transition:all 0.6s cubic-bezier(0.22,0.42,0.63,1.46)
;}
.logospace:hover>
.logoinit{transform:scale(0.69) rotateY(360deg)}
.siderstxt{pointer-events:none;
transform:translate(0px,300px);
opacity:0;
transition:all 0.4s;
}
.logospace:hover>
.siderstxt{transform:translate(0px,-20px);
opacity:1;
} 

 

APP: A, urmat pasii exact asa cum sunt.

Altele: Dimensiune banner(branding) este de 200px

[gadeas]

Poate a luat inaltimea automat la:

.logospace {
   cursor: pointer;
   width: 400px;
   overflow: hidden;
}

Ca fiind 400px si de aia ti-a pus spatiul acela.

Daca nu, randu acesta iaras are sanse:

transform:translate(0px,300px);

 

[Cristian #]

Toată problema este de la funcția căutare.

#search { 
 margin-top: 180px;  
}

șterge 180px și pune 10px.

[FratziWear]

Multumesc Cristian#