Hola.
Veo que el sitio usa el tema Astra.
Astra ofrece una funcionalidad integrada para lograr este efecto sin necesidad de tocar código. Aquí te explico cómo hacerlo:
Ve al Personalizador de WordPress: En el panel de administración de tu WordPress, navega a Apariencia > Personalizar.
Accede a las Opciones del Header: Dentro del personalizador, busca y haz clic en la sección Cabecera o Header. Dependiendo de la versión de Astra que tengas, podría estar dentro de una subsección como «Constructor de cabecera» o «Diseño de cabecera».
Busca la Opción de «Cabecera fija» o similar: Dentro de las opciones del header, deberías encontrar una sección relacionada con la «Cabecera fija» (Sticky Header). Haz clic en ella.
Configura el «Diseño de la cabecera fija»: Dentro de las opciones de la cabecera, busca una opción que te permita reducir el relleno (padding) o la altura al hacer scroll. Podría llamarse algo como «Reducir relleno al desplazarse», «Altura de la cabecera fija», o similar.
Ajusta los Valores: Introduce los valores deseados para el relleno superior e inferior o la altura de la cabecera cuando se active el scroll. Experimenta con diferentes valores hasta que encuentres el aspecto que te guste.
Publica los Cambios: Una vez que estés satisfecho con los ajustes, haz clic en el botón Publicar en la parte superior del personalizador para guardar los cambios en tu sitio web.
Saludos.
