Avisos
Vaciar todo

Caja de busqueda se a desplazado al cambiar el logotipo

8 Respuestas
3 Usuarios
0 Reactions
449 Visitas
Respuestas: 59
Trusted Member
Topic starter
 

Hola he cambiado el logotipo y resulta que el box de búsqueda se a desplazado a un lugar que no queda nada estético, quisiera colocarlo al lugar donde indico en la imagen adjunta pero no encuentro como hacerlo. ¿Podria alguien ayudarme?

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 24/01/2018 12:37 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Juan Manuel.

El problema viene por el tamaño del logo, al ser grande hace que el bloque donde se encuentra tenga un alto mayor.

Prueba lo siguiente:
.- Añade lo siguiente a tu archivo de estilos, no se si utilizas algún archivo custom para las modificaciones ya que carga todo en cache y no puedo verlo.

search-widget {
    margin-top: -4em;
}

Un saludo


 
Respondido : 24/01/2018 9:27 am
Respuestas: 59
Trusted Member
Topic starter
 

Perfecto, se soluciona el problema, pero vuelvo a encontrar otro. Resulta que queda solucionado en la versión PC, pero luego en la versión móvil queda desconfigurado ( adjunto imagen ).
Lo curioso es que se desconfigura solo en la versión móvil de google chrome. En los demás exploradores si se visualiza bien.
Me gustaria que me ayudasen ya que chrome es uno de los exploradores mas utilizados por mis clientes y necesito darle una solución.
¿Alguna idea?


 
Respondido : 24/01/2018 11:54 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

Tendrías que aplicar el cambio que te comento Pepe para luego corregir el modo responsive.


 
Respondido : 25/01/2018 1:30 am
Respuestas: 59
Trusted Member
Topic starter
 

El cambio que pepe me aconsejó está aplicado, solo cambien el -4em por -6em. Aun siendo así, está tal y como pepe me dijo, para que podais comprobar el lo que digo.
Gracias


 
Respondido : 25/01/2018 8:07 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Juan Manuel, Buenos Días.

Añade lo siguiente:

@media (max-width: 768px) {
.search-widget {
    margin-top:4em;
}
#header .header-nav .top-logo img {
    margin-top: 1em;
    }
}

Revisa si ese es el resultado que buscas y nos comentas.

Un Saludo


 
Respondido : 25/01/2018 8:41 am
Respuestas: 59
Trusted Member
Topic starter
 

Solucionado 🙂
Gracias !


 
Respondido : 25/01/2018 9:26 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Juan Manuel.

Genial me alegra que lo solucionaras.
Ya sabes, cualquier consulta que tengas nos encontraras por aquí.

Cerramos el tema.

Un saludo


 
Respondido : 25/01/2018 9:42 am