Avisos
Vaciar todo

Template hiperion centrar el logo y el menu  

 
Thomas
 Thomas
Reputable Member

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

Citar
Respondido : 25/02/2016 11:38 am
Pablo Velasco
 Pablo Velasco
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.

ResponderCitar
Respondido : 25/02/2016 1:48 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Thomas
 Thomas
Reputable Member

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

ResponderCitar
Respondido : 14/03/2016 9:21 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 14/03/2016 10:27 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Thomas
 Thomas
Reputable Member

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.

ResponderCitar
Respondido : 15/03/2016 9:43 am
Pablo Velasco
 Pablo Velasco
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

ResponderCitar
Respondido : 15/03/2016 2:30 pm

Cursos Gratuitos WordPress

Thomas
 Thomas
Reputable Member

No es logo el problema.
Es el menu

TOMAS

ResponderCitar
Respondido : 22/03/2016 2:49 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 22/03/2016 6:35 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Thomas
 Thomas
Reputable Member

Aqui te paso la captura.

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

ResponderCitar
Respondido : 24/03/2016 10:59 am
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 24/03/2016 11:53 am

Thomas
 Thomas
Reputable Member

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

ResponderCitar
Respondido : 24/03/2016 12:03 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 24/03/2016 6:06 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress