.page__header { position: relative; z-index: 10; /* Menú sobre el fondo */ } .d-p-banner { position: relative; margin-top: -100px; /* Ajusta según altura del menú */ padding-top: 100px; /* Compensa el margen negativo */ } .d-p-banner__background-media { position: absolute; top: 0; left: 0; width: 100%; height: 80%; z-index: -1; } .d-p-banner__content { position: relative; z-index: 1; } @media (max-width: 991px) { .d-p-banner { margin-top: -60px; /* Altura móvil */ padding-top: 60px; } } body { position: relative !important; /* Asegúrate de que el body tenga posición relativa */ z-index: 15 !important; /* Z-index para el contenido del body */ }
Droopler Documentation
Learn more about Droopler’s features and how to use them.
Have fun exploring Droopler! If you need more help, just click around or check the docs. Enjoy building your site!
Proudly built by Droptica in 🇵🇱 Poland.