Problema header

dyn 9 Oct, 2014, 8:37 am

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.

MrBlack 9 Oct, 2014, 9:34 am

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

dyn 9 Oct, 2014, 10:17 am

No encuentro el .menu D:

Eloy 9 Oct, 2014, 12:12 pm

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

dyn 9 Oct, 2014, 12:14 pm

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

XEDE 9 Oct, 2014, 1:02 pm

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:
<?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:
<?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

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

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