Avisos
Vaciar todo

Margen del Header

10 Respuestas
4 Usuarios
0 Reactions
629 Visitas
Respuestas: 1055
Noble Member
Topic starter
 

Hola,

Quisiéramos mejorar el margen del header. Es decir, tanto el número de teléfono como los iconos del selector de banderas para cambiar a otro idioma estén más a la derecha es posible?

Gracias.

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 05/12/2016 10:39 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Alexandra.

Para el tema del selector de idiomas añade lo siguiente en el archivo pandora-custom.css que encontraras en la ruta templates/pandora/css/pandora-custom.css

div.mod-languages ul {
    list-style: outside none none;
    padding: 0;
    margin-left: 30rem;
}

Para el tema del teléfono ¿ Como lo añadiste ? veo que tienes en el código la alineación a la derecha:

<p style="text-align: right;">
Móvil    722880220

Tendrías que modificarlo por:

<p style="text-align: left;">
Móvil    722880220

Como veras modifico text-align: right por text-align: left para que lo alinee a la izquierda.

Un saludo


 
Respondido : 05/12/2016 2:35 pm
Respuestas: 1055
Noble Member
Topic starter
 

Hola,

Ya añadi el selector de idiomas, lo del móvil no recuerdo como lo hice. Podrías indicarme la ruta?

Saludos.


 
Respondido : 05/12/2016 3:15 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

La estructura html generada no facilita esto ya que esta usando un grid de dos columnas.

Lo más práctico es que ambos se encuentren en la misma columna uno debajo de otro y ya con CSS se puede acomodar

Prmiero asegurate de cambiar la estrucutra, envías una captura de pantalla para ver como esta configurada esta posición superior, una captura de la configuración del theme y otra de los widgets.

Saludos


 
Respondido : 05/12/2016 9:50 pm
Respuestas: 1055
Noble Member
Topic starter
 

Hola,

Tengo activado el plugin de filtros de idioma. Ver:

Luego en módulos tengo un selector de idiomas español y otro inglés (misma posición) Ver:

Su configuración:

Y en la posición TOP-A tengo el número del móvil ver:

Pienso que esto debería verse mejor.

Saludos


 
Respondido : 06/12/2016 12:32 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

HOla

La idea que te comento es que ambos módulos el que muestra el número de telefono y el selector de idiomas todos esten en la misma posicion

La posición en la que esten debe ocupar todo el ancho, esto lo puedes cambiar en los layouts del template.

Saludos.


 
Respondido : 06/12/2016 8:30 pm
Respuestas: 1055
Noble Member
Topic starter
 

Hola,

Ya el módulo se encuentra en la misma posición Top F ver:

Supongo que luego, tendré que corregir la posición de las bandera a la derecha.

div.mod-languages ul {
list-style: outside none none;
padding: 0;
margin-left: 30rem;
}

Y en todo caso, me queda una duda. Porque veo en la plantilla los layouts y me parece que la posición TOP está a todo lo ancho es correcto como está ahora?

O es el Header que tengo que modificar. Gracias.


 
Respondido : 07/12/2016 3:51 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Es el Top, actualmente lo veo correcto por lo que sólo sería necesario algo de CSS

#rt-top .rt-block{
	float:right;
}

Coloca este código al final de:
/templates/pandora/css/pandora-custom.css

Saludos.


 
Respondido : 07/12/2016 6:12 pm
Respuestas: 1055
Noble Member
Topic starter
 

Hola Jhon,

Ya está introducido el código, lo único cuando veo el front, en versión español los iconos de las banderas está más abajo, sin embargo en versión inglés un poco más arriba es normal?

Y en la hoja de estilos css encontré el otro código ¿tendrá algo que ver con esa diferencia de margen?

Saludos


 
Respondido : 09/12/2016 12:18 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

El problema parece que está en que tienes el módulo del selector de idioma y el módulo que muestra el número de teléfono en la misma posición.

Si, por ejemplo un módulo lo tienes en la posición top-f el otro lo tendrías que colocar en una posición distinta, por ejemplo top-a. En caso contrario se mostraría uno encima del otro, que es lo que te está ocurriendo actualmente.


 
Respondido : 09/12/2016 1:54 pm