Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

Menu solapado en logo  

 
WebMaster
 WebMaster
Reputable Member

Hola,
reciente tengo un problema con el menú principal y el logo el qual se solapa el menu con el logo cuando desplazamos el navegador desde el pc. Esto les pasa a gente que tiene una pantalla pequeña.
Como podemos solucionar esto?? Les adjunto una captura

Muchas gracias de antemano

Saludos

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 25/09/2015 10:44 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Analizando la web, esta parece que está preparada para que el logo de la web cargue sobre el menú, de forma que cuando el menú se mueva a la izquierda el logo quede por encima de este.

Por tanto, la solución pasaría por utilizar un logo más pequeño que no invada la zona del menú, o aumentar el tamaño de la zona superior al menú para que el logo pueda entrar.

Tendrías que indicarnos qué opción prefieres para que te podamos ayudar a realizar esto.

ResponderCitar
Respondido : 25/09/2015 2:21 pm

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

WebMaster
 WebMaster
Reputable Member

Hola Pablo,
optariamos por utilizar la opción de aumentar el tamaño de la zona superior al menú, si nos pudierais indicar estariamos muy agradecidos.

Gracias de antemano

Saludos

ResponderCitar
Respondido : 25/09/2015 5:19 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Edita el archivo templates/yoo_master2/css/custom.css. Previa copia se seguridad del mismo, cambia el código

.uk-navbar 
{
  text-align: center;
  margin-left: 35px !important;
  margin-right: -12px;
  margin-top: 3px;
  margin-bottom: -18px;
}

por este otro:

.uk-navbar 
{
  text-align: center;
  margin-left: 35px !important;
  margin-right: -12px;
  margin-top: 60px;
  margin-bottom: -38px;
}
ResponderCitar
Respondido : 25/09/2015 5:45 pm

Cursos Gratuitos WordPress

WebMaster
 WebMaster
Reputable Member

Hola Pablo,
muchas gracias, podriamos modificar la posición donde esta el logo en más de la .uk-navbar poniendo algo como min-widht y min-height para poder alinear el menu a la palabra "CENTRE" ya que ahora el menu queda mucho más abajo que el logo

Gracias de nuevo

Saludos

ResponderCitar
Respondido : 25/09/2015 5:56 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Ubica el siguiente archivo :
/templates/yoo_master2/css/custom.css

Al final agrega el siguiente código que corrige la altura de la navegación para un ancho de 1220px

@media (min-width:1220px){
	.uk-navbar{
		margin-top:0px;
	}
}

Saludos.

ResponderCitar
Respondido : 25/09/2015 6:20 pm

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

WebMaster
 WebMaster
Reputable Member

Hola Jhon,
funciona perfecto!!

Miles de gracias de nuevo 😉

Saludos

ResponderCitar
Respondido : 28/09/2015 10:06 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 siempre te ayudará en el posicionamiento en buscadores de tu Web.

Un experto en SEO te diría que es un regalo que te dejemos poner un testimonio si linkamos a tú página, nosotros decimos "quid pro quo", una cosa por otra, así nos ayudamos mutuamente. 🙂
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.

Procedemos a cerrar hilo.

Saludos

ResponderCitar
Respondido : 28/09/2015 10:13 am

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