Template hiperion c...
 
Avisos
Vaciar todo

Template hiperion centrar el logo y el menu

12 Respuestas
4 Usuarios
0 Reactions
1,046 Visitas
Respuestas: 324
Reputable Member
Topic starter
 

Buenas a todo el mundo.

Llevo 2 horas intentando centrar el menú y el logo de una web basada en el template hiperion.

Se os ocurre alguna idea??

Ya no se que hacer.

Tomás

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 25/02/2016 11:38 am
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Actualmente ya veo que el logo sale centrado. Entiendo que ya has solucionado el problema.

De no ser así, dinos en qué posición de la plantilla estás cargando el logo.


 
Respondido : 25/02/2016 1:48 pm
Respuestas: 324
Reputable Member
Topic starter
 

DISCULPA NO PUDE SEGUIR EL HILO PORQUE NO ME LLEGAN LOS MAILS CONFORME HAY ENTRADAS.

EL LOGO SALE CENTRADO EL MENU NO Y NO LOGRO HACERLO DE NINGUNA MANERA


 
Respondido : 14/03/2016 9:21 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

Hola

Cómo lo ves exactamente o en que navegador, envía unas capturas de pantalla, ya que he comprobado que el menú si que sale centrado, veo que tiene un estilo que centra el contenedor.

Saludos.


 
Respondido : 14/03/2016 10:27 pm
Respuestas: 324
Reputable Member
Topic starter
 

No se centra. Ese estilo lo he cambiado yo en los css para intentar centrar.
Pero si reduces el ancho de pantalla obsevarás que no.

No se centra de ninguna manera. He puesto el text-align:center; en varios sitios y nada.


 
Respondido : 15/03/2016 9:43 am
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Parece que estás forzando las posiciones de los módulos en la posición Top. Vete a Extensiones->Gestor de plantillas y entra en la configuración de la plantilla Hiperion. Pulsa en la pestaña Layouts. En el apartado Posiciones Top deja en OFF el parámetro Forzar Posiciones y guarda los cambios.

A continuación, agregar el siguiente CSS personalizado:

#rt-logo {
    margin: 0 auto;
}

En el siguiente artículo de nuestro blog se explica cómo hacerlo:

https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html


 
Respondido : 15/03/2016 2:30 pm
Respuestas: 324
Reputable Member
Topic starter
 

No es logo el problema.
Es el menu

TOMAS


 
Respondido : 22/03/2016 2:49 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

Hola

Supongo te refieres a que el menú se muestra en dos líneas para determinado ancho , a esto le llamas que no se centra?

Si no es esto envía una captura de pantalla, ya te lo habíamos solicitado antes, para ver exactamente a que te refieres.

Saludos.


 
Respondido : 22/03/2016 6:35 pm
Respuestas: 324
Reputable Member
Topic starter
 

Aqui te paso la captura.

Te he marcado con un recuadro azul el menu.
No se centra


 
Respondido : 24/03/2016 10:59 am
Pepe
 Pepe
Respuestas: 41101
Illustrious Member Admin
 

Hola Thomas.
El problema que tienes para algunos anchos es que el menú es demasiado largo y no cabe para mostrarse en una sola Línea, esto sucede en los anchos para 10" y 12", para el resto en terminales móviles funciona bien ya que aparece el botón del menú para móviles y se despliega.

En este caso tienes dos opciones una es reducir el menú xejemplo modificando ' Más sobre Nosotros ' y ' Tienda Online ? por ' Nosotros ' y ' Tienda '.

Otra opción en que para los anchos de 10" y 12" se active el menú para móviles.

Puedes comprobar la web en diferentes terminales desde este enlace:
screenfly

Un saludo


 
Respondido : 24/03/2016 11:53 am
Respuestas: 324
Reputable Member
Topic starter
 

Podeis hacer el favor de leer todas las entradas de una vez antes de contestar ????

AL PRINCIPIO DEL TEMA PUSE:
Template hiperion centrar el logo y el menu

Si se sigue el hilo comenté que el logo ya logré centrarlo.
Estoy intentando centrar el MENU.

Ya entiendo que si es muy largo se partirá en varias lineas. LOGICO
Solo quiero que salga centrado.

PORFAVOR si haceis este trabajo de soporte en el FORO prestad atención.

TOMAS


 
Respondido : 24/03/2016 12:03 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

Hola

Primero agrea un archivo CSS personalizado , por lo que veo tu template esta basado en gantry, revisa :
https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html

En este archivo agrega el siguiente código CSS :

#rt-header .gf-menu li{
	display:inline-block;
	float:none;
}

#rt-header .gf-menu{
  text-align:center;
}

Lo que hace este código es quitar el comportamiento flotante de los ítems y luego centrar a nivel del la etiqueta padre

Saludos.


 
Respondido : 24/03/2016 6:06 pm