Problema con header en Techtastico

Abel Chavez · 20 Oct 2011

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 · 20 Oct 2011

Busca esto:

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

Crisbloardico · 20 Oct 2011

.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 · 20 Oct 2011

Miguel De Leon dijo:
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 · 20 Oct 2011

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 · 20 Oct 2011

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 · 20 Oct 2011

Abel Chavez dijo:
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 · 20 Oct 2011

Crisbloardico dijo:
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 !!

Problema con header en Techtastico

Abel Chavez

iamfrontend

Crisbloardico

Abel Chavez

Crisbloardico

Abel Chavez

Crisbloardico

Abel Chavez

Temas similares