Problema header

Buenas, el problema que tengo es que el nombre de mi foro es tan largo (Electro Minecraft) que si lo pongo se desconfigura todo el header:

[Imagen: 5bU5UJB.png]

Os dejo una foto de como es con un título más corto:

[Imagen: PGP8nns.png]

¿Alguien me podría decir que puedo hacer?

Gracias, soy nuevo en el css Smile

Última modificación: 9 Oct, 2014, 8:39 am por dyn.

Podrias hacer lo siguiente...

Ir a tu global.css y en la class .menu quitar el margin...
De esto...

Código:
.menu {

width: 492px;

float: right;

margin: 75px 0 0 0;

padding: 0;

text-align: right;

}

A esto...

Código:
.menu {

width: 492px;

float: right;

padding: 0;

text-align: right;

}

Y quedaria asi...
[Imagen: G9uljzL.png]

Espero te pueda servir

No encuentro el .menu D:

En El global.css amigo

Puedes agregarle un display: inline-block al class .menu y al class .logo para que mantentan juntos en la misma linea

Aprendiendo cada vez mas

He buscado en él global.css y no hay ningún class menu, no lo encuentro xd

Anda a editar tu estilo y elegi modo "Avanzado" fijate en la linea 151 tenes que tener el class del menu y ver esto

Código PHP:
.menu {
    float: right;
    margin: 75px 0 0;
    padding: 0;
    text-align: right;
    width: 492px;
} 

Lo mismo si vas a editar el logo esta en la linea 130

Código PHP:
.logo {
    color: #ffffff;
    float: left;
    font-family: "Exo 2",sans-serif;
    font-size: 72px;
    font-weight: 400;
    margin-top: 40px;
    transition: all 0.5s ease 0s;
} 

También podes simplemente achicar la font fijate que donde dice FONT-SIZE:72px cambialo por 16px o un valor que quede a tu gusto

[Imagen: http://i.imgur.com/CCoBXgK.png]
[Imagen: http://i.imgur.com/TQqCgcO.png]

Última modificación: 9 Oct, 2014, 1:05 pm por XEDE.

Muchas gracias xede, +1 de reputación Smile