/* Change the hamburger icon to an X when opened */
.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
}
===================
/* Set the Divi Mobile Nav to Fixed on scroll */
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
position: fixed;
}
}
.et_mobile_menu {
overflow: scroll !important;
max-height: 83vh;
}
/* Add the word MENU after the mobile nav hamburger icon */
.mobile_menu_bar:after {
content: 'MENU';
bottom: 10px;
left: 10%;
position: relative !important;
color: #FFF;
}
===================
/* Set the Divi Mobile Nav to Fixed on scroll dengan tulisan MENU setelah burger */
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
position: fixed;
}
}
.et_mobile_menu {
overflow: scroll !important;
max-height: 83vh;
}
/* Add the word MENU after the mobile nav hamburger icon */
.mobile_menu_bar:after {
content: 'MENU';
bottom: 10px;
left: 10%;
position: relative !important;
color: #FFF;
}
/* Change the hamburger icon to an X when opened */
.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
}
===================
https://divilife.com/create-fixed-mobile-menu-divi/
Komentar