Cómo mantener un MENÚ FIJO en la pantalla (Sticky Menu)

Para mantener el menú de tu página fijo en la pantalla mientras los visitantes navegan por tu sitio, sigue el tutorial de abajo:

1. Inicia sesión en tu cuenta de GreatPages y accede al editor de páginas;

2. Accede al ícono de engranaje en la esquina superior derecha de la pantalla;

3. Accede a "Javascript y CSS" y haz clic en "Añadir código";

4. Dale un nombre, marca la opción "Funcionamiento" y agrega en el campo de texto todo el código de abajo;

<script>
(function () {
    var primeiroBloco = document.querySelector('#site .gpc-b:first-of-type');
    if (!primeiroBloco) return;

    var segundoBloco = primeiroBloco.nextElementSibling;

    function fixarMenu() {
        if ((window.pageYOffset || window.scrollY) > 0) {
            primeiroBloco.style.position = 'fixed';
            primeiroBloco.style.top = '0';
            primeiroBloco.style.left = '0';
            primeiroBloco.style.width = '100%';
            primeiroBloco.style.zIndex = '9999999';

            if (segundoBloco) {
                segundoBloco.style.marginTop = primeiroBloco.offsetHeight + 'px';
            }
        } else {
            primeiroBloco.style.position = '';
            primeiroBloco.style.zIndex = '';

            if (segundoBloco) {
                segundoBloco.style.marginTop = '0px';
            }
        }
    }

    window.addEventListener('scroll', fixarMenu, false);
    fixarMenu();
})();
</script>

4. Después de eso, haz clic en "Agregar".

Actualizado el: 09/08/2026