Blog

Comment créer un sticky Header sur WordPress avec Elementor Pro

blank

Code personnalisé

<script>
document.addEventListener('DOMContentLoaded', function() {
    document.addEventListener('scroll', function() {
        let y = window.scrollY;
        let menupicstudios = document.getElementById('menupicstudios');
        if (y > 150) { /* change this value here to make it show up at your desired scroll location. */
            menupicstudios.classList.add('headershow');
        } else {
            menupicstudios.classList.remove('headershow');
        }
    });
});
</script>
<style>
.elementor-nav-menu__container{
top:0px!important;
}
#menupicstudios.headershow{
transform: translateY(0);
}
#menupicstudios{
position: fixed;
top:0;
width: 100%;
-webkit-transition: transform 0.34s ease;
transition : transform 0.34s ease;
transform: translateY(-200px); /*adjust this value to the height of your header*/
}
</style>

Les articles récents

Un projet à l'horizon ?

Prenons contact et parlons de votre projet.

Obtenez les dernières informations et conseils sur la conception de site WordPress

 

blank

Conception et développement de sites web. Nous mettons en place un service de conception de site web de qualité et après abordable

Retour en haut