WordPress Divi site mobile menu not scrolling

[admin]

I have a wordpress site running an ET Divi child theme and on mobile the main menu does not scroll on touch, instead the background (website) scrolls. I've been trying several media queries and such to fix but cannot figure it out, anyone have thoughts or run into this before? Here is my child theme stylesheet add-on code:

the website is <a href="http://wptemp.thereverendmichael.com" rel="nofollow">wptemp.thereverendmichael.com</a> (make sure to adjust width for mobile viewing only)

@media (max-width: 980px) {
#main-header {
position: fixed !important;
}
}

@media (max-width: 980px) {
.et_fixed_nav #top-header {
    position:fixed !important;
}
#mobile-menu {
    overflow-y:scroll!important;
    -overflow-scrolling:touch!important;
    -webkit-overflow-scrolling:touch!important;
}
}

.et_mobile_menu {
 margin-left: -30px;
 padding: 5%;
 width: calc( 100% + 60px);
}

.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d";
}