Logo en versión mobile  

 
WebMaster
 WebMaster
Estimable Member

Hola amigos,
tenemos un pequeño problemilla con el logo de un website de un cliente el cual no podemos visualizar correctamente desde un dispositivo mobil.
Hemos puesto el siguiente código:
@media (min-width:1220px){
.uk-navbar{
margin-top:0px;
}
}

.uk-navbar
{
background: transparent;
text-align: center;
margin-left: 35px !important;
margin-right: -12px;
margin-top: 55px;
margin-bottom: -38px;
}

(pensamos que es el correcto) pero seguimos sin visualizarlo correctamente.
Les adjuntamos un pa de imagenes para que puedan visualizar como se ve la página desde un dispositivo mobil

Vertical

Horizontal

También vemos que la imagen del logo se interpone sobre la imagen de la página principal.
Nos podrian indicar que parte és la que no hacemos correctamente?
Nos podrian ayudar si fueran tan amables y decirnos cual seria el código correcto?

Muchas gracias
Saludos

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 11/01/2016 3:18 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Prueba con el siguiente código CSS, a ver si te sirve:

@media (max-width:767px){
.tm-logo-small {
margin-top: -90px;
display: block;
}
}

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 11/01/2016 3:42 pm

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

WebMaster
 WebMaster
Estimable Member

Hola Pablo,
funciona perfectamente lo único que aunque le haga margin-left: con numeros mayores o incluso con valores negativos no se centra sobre la imagen principal

Saludos

ResponderCitar
Respondido : 11/01/2016 4:47 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba con el siguiente código :

@media (max-width:767px){
	.tm-logo-small {
		margin-top: -90px;
		display: block;
		margin-left:50%;
		width:100%;
	}
}

Es decir, al código brindado por Pablo se agrego un width y un margin-left

Tendrías que colocarlo en este archivo , al final de todo :
/templates/yoo_master2/css/custom.css

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 11/01/2016 9:34 pm

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

WebMaster
 WebMaster
Estimable Member

Hola Jhon,
esto ya ha sido la perfección!! 😉
Miles de gracias, buen trabajo Pablo, Jhon!!

Saludos 🙂

ResponderCitar
Respondido : 12/01/2016 9:07 am
Rafael
 Rafael
Miembro Moderator

Buenos días,

Gracias por tu confianza 🙂

Nos alegra que te guste nuestro servicio. 🙂

Nos sería de mucha utilidad que nos dejases tu testimonio, solicitamos testimonios para colocar en nuestra página y ayudar a otros posibles clientes a decidirse por nuestros servicios:

Puedes crear el testimonio aquí: https://www.webempresa.com/testimonios.html?view=form&layout=edit

Si nos quieres enviar tu experiencia con nuestro servicio, la publicaremos en nuestra página con un link hacia tu Web. Nuestro dominio webempresa.com tiene una autoridad alta, así que el link te será muy útil en la mejora del posicionamiento en Google de tu Web. Además la sección de testimonios es bastante consultada, por lo que algún interesado en tus servicios podría llegar por esta vía.

Si ya lo solicitamos anteriormente y nos lo facilitaste, puedes dejar otro testimonio si tienes otra página que quieras posicionar mejor al tener un link en la nuestra con tu testimonio.

Gracias por publicar tu testimonio y por tus palabras de agradecimiento.

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 12/01/2016 9:19 am

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

Por favor Iniciar Sesión o Registro