Header Problem

Hello,I found a solution for your problem but you have that add lines of code to the stylesheet, I don’t know if will work for you, i hope so.

adds to the “#top-header”:

• height: 53px;

adds to the “#et-secondary-nav” or “.et-trending”:

• position: absolute;
• left: 0px;

adds to the “#et-info”:

• position:absolute;
• right:0px;

adds to the “.container”

• height:90px;

adds to the “.logo”:

• position:absolute;
• left:0px;

if you don”t know how this is done, this is an example:

#top-header{

height:53px;

}

#et-secondary-nav{

position: absolute;

left: 0px;

}

#et-info{

position:absolute;

right:0px;

}

perhaps you have problems when you resize the window of browser the property

position:absolute;

in your “.logo” but you can modify this with :

@media screen and (max-width:769px) and (min-width:50px){

.logo{

top:-10px;

}

}