Avisos
Vaciar todo

Como quitar la función automática de la barra de menú al hacer scroll down  

 
Arancha
 Arancha
Usuario eminente

Hola buenos días,
me gustaría desactivar una función automática que tiene la plantilla "Adventurous" que es que cuando hago un scroll down la barra de menú minimiza el logotipo y sigue en su lugar, me gustaría que la barra de menú se quedara fija, he mirado en las opciones del tema pero no encuentro ninguna opción que lo desactive. Esta función hace que la página salte a veces y en muchas ocasiones rebote y tiemble.
Bueno os mando un par de referencias de como queda cuando está arriba del todo y otra al hacer un scroll down para que os hagáis una idea más clara.

Gracias de nuevo.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 03/07/2014 11:36 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Haciendo pruebas en tu web veo que al hacer el scroll hacia abajo el logo se hace más pequeño y la barra de menú permanece. Por otro lado comentas que quieres que la barra de menú sea fija, lo que ya es el funcionamiento que está ocurriendo actualmente.

Si lo que quieres es que el tamaño del logo no cambie al hacer el scroll edita el archivo wp-content/themes/adventurous/style.css y, previa copia de seguridad del mismo, cambia el código:

#masthead.fixed-header #site-logo img {
    max-height: 32px;
}

por este otro:

/*
#masthead.fixed-header #site-logo img {
    max-height: 32px;
}
*/

Es decir, he comentado el CSS para que no se aplique.

ResponderCitar
Respondido : 03/07/2014 2:57 pm

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

Arancha
 Arancha
Usuario eminente

hola Pablo,
bueno cuando decía fijo quería decir que al hacer scroll down, la barra de menú también se vaya, vamos que no me haga ningún efecto. No se si me explico bien. Un ejemplo es esta misma página, sin yo hago scroll down pierdo el menú por arriba, no lo veo más hasta que no vuelva de nuevo hacia arriba, pues eso.
😉 gracias

ResponderCitar
Respondido : 03/07/2014 6:32 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Arancha

Este comportamiento lo hace a través de javscript añadiendo la clase fixed-header

Ubica el archivo :
/expounion/wp-content/themes/adventurous/style.css

En la línea 673 aprox verás un código como el siguiente :

#masthead.fixed-header {
	position: fixed;
	top: 0;
	min-height: 35px; 
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); 
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}

simplemente comenta o elimina este código, para comentar puedes dejarlo como :

/*
#masthead.fixed-header {
	position: fixed;
	top: 0;
	min-height: 35px; 
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); 
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}
*/

Saludos.

ResponderCitar
Respondido : 03/07/2014 8:22 pm

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

Arancha
 Arancha
Usuario eminente

Genial como siempre.
Mil gracias.
Un saludo

ResponderCitar
Respondido : 03/07/2014 9:11 pm