[SOLUCIONADO] Subir menú primario WordPress

[Luisda]

Buenos días, estoy trabajando con Woordpress y tengo 2 menús.

El primero tiene los iconos de las redes sociales y debajo esta el segundo que es el que tiene el menú para navegar por la web.

Lo que quiero es que al hacer scroll hacia abajo el primero se oculte y el segundo suba, ocupando su lugar.

Hasta ahora solo he conseguido ocultar el primer menú, pero el segundo no sube y queda un espacio.

Lo he ocultado así.

Código HTML:

<script type="text/javascript" >
 
jQuery(document).scroll(function() {
    if ( jQuery(this).scrollTop() > 300) {
        jQuery('#top-header').css("display", "none");
        
    } else {
        jQuery('#top-header').css("display", "block");
    }
});
 
</script> 

Muchas gracias y un saludo.

[ArturoGallegos]

no te compliques la vida,

con ese mismo codigo aplica una clase CSS a tu body y mediante CSS aplica todos los cambios necesarios.
reemplaza

Código Javascript:

jQuery('#top-header').css("display", "none");
 

Con

Código Javascript:

jQuery('body').addClass("scroll");
 

[Luisda]

Ya lo he solucionado, el problema estaba en que el menú principal y el que quería ocultar estaban fijos.

Lo primero ha sido ponerlos relativos. Una vez hecho esto he calculado el scroll necesario con esto:

Código HTML:

jQuery(this).scrollTop() > jQuery("#top-header").outerHeight()

Y cuando se cumplía la condición ponía fijo el menú principal.