Skip to content

Instantly share code, notes, and snippets.

@hbaker

hbaker/scrollable-divi-mobile-menu.css

Created January 25, 2018 00:50
Show Gist options
  • Save hbaker/df5d13aca8ef18a4edddfb6c4dc71f8f to your computer and use it in GitHub Desktop.
Save hbaker/df5d13aca8ef18a4edddfb6c4dc71f8f to your computer and use it in GitHub Desktop.
Download ZIP
Divi Theme - Make Divi's Mobile Menu Scrollable
Raw
scrollable-divi-mobile-menu.css
.et_mobile_menu {
overflow-y:scroll!important;
max-height:80vh!important;
-overflow-scrolling:touch!important;
-webkit-overflow-scrolling:touch!important;
}
@hbaker
Copy link
Author

hbaker commented Jan 25, 2018

How to Make Divi's Mobile Menu Scrollable

Menus that have many nested links can make Divi's mobile menu unusable, as the links toward the bottom of the dropdown menu will be hidden, off the page. Add the code above to the Custom CSS field in the WP Admin Divi > Theme Options, if you would like to make the mobile menu scroll so that the user can access all menu items.

@bmaxtar
Copy link

bmaxtar commented Dec 21, 2020

Nice

@hectoriko
Copy link

Thanks. It's been quite useful.

@QuantumDevQBL
Copy link

Thank you very much :-)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment