Create fixed mobile menu

Aug 2, 2017 | Tutorials | 0 comments

Mobile menu in your Divi theme scrolls with you so when your read your menu disappears after while. This simple tutorial will help you create fixed mobile menu.

Everything you need is to paste few lines of CSS code and you’re done!

Setting fixed menu

Simply go to Appereance -> Customize -> Custom CSS and paste this few lines:

@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 !important; } }

.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}

Subscribe To Our Newsletter

And get information about new themes, plugins, layouts and discounts!

You have Successfully Subscribed!