Avisos
Vaciar todo
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
Respondido : 03/07/2014 11:36 am
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.
Respondido : 03/07/2014 2:57 pm
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
Respondido : 03/07/2014 6:32 pm
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.
Respondido : 03/07/2014 8:22 pm
Genial como siempre.
Mil gracias.
Un saludo
Respondido : 03/07/2014 9:11 pm
