Seleccionar página
importanteleeme-divi-wordpress

MENU FIJO  EN DIVI THEME Y EXTRA

Empezamos con la publicación, esta vez vamos a crear un menu fijo para nuestras páginas web.

Cuando la página es muy larga o tenemos mucha información y nos deslizamos hacia abajo, cuando ya vamos bajando por la mitad, puede que cambiemos de opinión  y queremos pasar a otra pestaña.

Aquí es donde esta el problema, tenemos que regresarnos hasta arriba para encontrar el menu. por eso he creado este pequeño tutorial donde el menu esta fijado, esto nos ayudara a la navegación.

Comencemos con el tutorial.

MENU FIJO O PEGAJOSO EN DIVI THEMES

Nos dirigimos a DIVI — > opciones y Personalización de CSS, pegamos el siguiente codigo guardamos y listo, esto es todo para hacer el menu fijo

menu fijo-movile-divi-fijo-css
/* Posición fija */
@media (max-width: 980px) {
#page-container #main-header {
position: fixed;
}
}

MENU FIJO O PEGAJOSO EN DIVI EXTRA

/*--- Menu movil fijado (fixed) ---*/
@media screen and (max-width: 980px){
.et_fixed_nav #main-header {
top: 0 !important;
position: fixed !important;
width: 100%;
}
#main-content {
padding-top: 140px;
}
}

#et-mobile-navigation nav {
overflow: scroll !important;
max-height: 72vh;
}
seccion-video-divithemes-tutoriales
descargar-divi-json-wordpress
¿Te parece interesante este artículo?
Puntaje
[Total: 7 Average: 4.7]

Pin It on Pinterest

Shares