> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://ajuda.greatsoftwares.com.br/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-07-as-_1jbfexg.png =650x380)

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

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-07-as-_1gz3qpz.png =650x207)

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

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-07-as-_ixkkt4.png =650x413)

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-07-as-_1e7qjx0.png =650x412)

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>
```

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-09-as-_2hp3sb.png =650x685)

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

|| Recuerda que este código mantendrá fijo en la pantalla solo el primer bloque. Si necesitas que otro bloque se mantenga fijo, [sigue nuestro tutorial de Cómo mantener un BLOQUE ESPECÍFICO FIJO en la pantalla](https://ajuda.greatsoftwares.com.br/es/article/como-mantener-un-bloque-especifico-fijo-en-el-pie-de-pagina-y42zcy/), o ponte en contacto con nuestro equipo en el Chat. :-)