Avisos
Vaciar todo

Caja de busqueda se a desplazado al cambiar el logotipo  

 
Juan Manuel
 Juan Manuel
Usuario experto

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

Citar
Respondido : 24/01/2018 12:37 am
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 24/01/2018 9:27 am

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

Juan Manuel
 Juan Manuel
Usuario experto

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?

ResponderCitar
Respondido : 24/01/2018 11:54 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

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

ResponderCitar
Respondido : 25/01/2018 1:30 am

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

Juan Manuel
 Juan Manuel
Usuario experto

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

ResponderCitar
Respondido : 25/01/2018 8:07 am
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 25/01/2018 8:41 am

Juan Manuel
 Juan Manuel
Usuario experto

Solucionado 🙂
Gracias !

ResponderCitar
Respondido : 25/01/2018 9:26 am
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 25/01/2018 9:42 am

Cursos Gratuitos WordPress