Problema con header en Techtastico

[Abel Chavez]

Hola, uso el theme Techtastico y tengo un problema con el header, lo que pasa que el logo por default en techtastico me parecia muy chico, y por lo tanto moviendole pude hacer que se mostrara en un tamaño mas grande, pero ahora me tapa una parte del menu que se encuentra arriba, y se ve muy feo, pueden verlo ustedes mismos:



Aqui les dejo la direccion a Style.css: http://geeknologia.com/wp-content/themes/themetastico/css/style.css

Si alguien fuera tan amable de explicarme donde puedo modificar el menu de la parte superior para hacerlo mas chico y ponerlo al lado derecho de la pantalla, ademas de eso, como dejar solo la caja de busqueda, pues me parece innecesario el tener el boton home a un lado del logo, que tambien redirecciona al home.

Espero no sea mucha molestia, y cualquier tipo de ayuda es bienvenida, gracias !!

 

[iamfrontend]

Busca esto:


/* =Navigation menuy luego juega con los "width:" hasta dejarlo como quieres.

 

[Crisbloardico]

.menu {
clear: right;
height: 20px;
list-style: none;
z-index: 50;
creo que es asi o nose mucho pero poquito habr si te sirve si no avis y checamos mas detallado

 

[Abel Chavez]

Busca esto:


/* =Navigation menuy luego juega con los "width:" hasta dejarlo como quieres.

Ya lo hice, y creeme, me quedo peor, se distorsiono hacia abajo pero feo, y mejor volvi a como esta ahorita !

 

[Crisbloardico]

perdon es asi
#navigation-top {
background-color: #E28539;
background-image: -moz-linear-gradient(center top, #E28539, #EAA56C);
background-image: -webkit-gradient(linear, left top, left bottom, from(#E28539), to(#EAA56C));
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
box-shadow: 0 0 3px #FFCF9F;
-moz-box-shadow: 0 0 3px #FFCF9F;
-webkit-box-shadow: 0 0 3px #FFCF9F;
right: 300px;
position: relative;
top: 30px;
width: 650px;
height: 50px;
z-index: 597;
}

 

[Abel Chavez]

No, la verdad me esta dando muchos problemas, le hice como mencionas crisbloardico, y me mando elementos hacia abajo, he jugado con el atributo position: absolute para mandarlo al lado derecho, y nada ! Desesperado !!!!😡😡😡

 

[Crisbloardico]

No, la verdad me esta dando muchos problemas, le hice como mencionas crisbloardico, y me mando elementos hacia abajo, he jugado con el atributo position: absolute para mandarlo al lado derecho, y nada ! Desesperado !!!!😡😡😡

pasiensia checa los elemento y te quedara

 

[Abel Chavez]

perdon es asi
#navigation-top {
background-color: #E28539;
background-image: -moz-linear-gradient(center top, #E28539, #EAA56C);
background-image: -webkit-gradient(linear, left top, left bottom, from(#E28539), to(#EAA56C));
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
box-shadow: 0 0 3px #FFCF9F;
-moz-box-shadow: 0 0 3px #FFCF9F;
-webkit-box-shadow: 0 0 3px #FFCF9F;
left: 600px;
position: absolute;
top: 30px;
width: 650px;
height: 50px;
z-index: 597;
}

Cambiando los dos atributos que estan en rojo parece que ya quedo ! Espero !!