WordPress : Astra GRATIS Cabecera fija sin plugins

Sticky Header denominado en español, cabecera fija.

Cuál es la función principal del Sticky Header

Su función principal es mantener la cabecera de una web o aplicación móvil fijo mientras nos deslizamos por la web. Estas cabeceras suelen corresponderse con el menú principal y te permiten acceder en cualquier momento a las categorías más relevantes o a la sección de búsqueda o contacto.

En el tema Astra PRO hay un complemento Sticky Header.

En el tema Astra en su version gratis tenemos que usar css para implementarlo ir a:

Apariencia / Personalizar / CSS adicional ",

Agregue el código CSS dado en CSS adicional y publique el cambio.

/* Cabecera fija Astra */
.main-header-bar {
    position: fixed;
    top: 10;
    width: 100%;
}
/*Ajustar relleno del contenido*/
.site-content {
    padding-top: 75px;
}

/*Hacer el encabezado semitransparente*/
.main-header-bar {
   background: rgba(340,0,0,.5);
}

/*Ajustar relleno del contenido en moviles*/
@media (max-width: 800px) {
    .site-content {
        padding-top: 175px;
    }
}
/*Ajustar relleno del contenido en moviles*/
@media (max-width: 650px) {
    .site-content {
        padding-top: 200px;
    }
}