Why Change the menu?

I love Divi, from ElegantThemes.com, but I don't love the default mobile menu state. I've been dying for them to give us some mobile menu options, but they just haven't; making me a sad panda, but luckily it's not too tough to make some quick changes that can make your experiences better. Here's a quick CSS code snippet that will give you instant and simplified results.

The CSS Code

/* mobile menu edits */
@media (max-width: 980px)
.et_header_style_split #et_mobile_nav_menu {
    display: block;
    float: none;
    position: relative;
    margin-top: 20px;
    z-index: 0;
li.menu-item.menu-item-type-post_type.menu-item-object-page a {
    font-size: 18px;
    text-transform: uppercase;
div#et-top-navigation {
    top: -4px;
    position: absolute !important;

span.select_page {
    display: none !important;

img#logo {
    float: left;

/* end mobile menu edits */

Let Me Know If You Still Need Help

Hopefully this helps and let me know if you have any questions.

Thank you,

Joshua Kincheloe