If you have a centered primary menu with transparent background, the main content is moved to the top behind the menu. It even does that on the mobile menu where the transparent setting isn’t used. Result it that the mobile menu is displayed on top of the main content.

The following css fixes this by changing the mobile menu to the version that’s used for the non-centered primary menu.

/* -- START Fix mobile menu -- */
@media screen and (max-width:1023px){
header#main-header .logo_container {
    width: 40%;
    float: left;
}
header#main-header div#et-top-navigation {
    float: right;
}
header#main-header div#et-top-navigation span.select_page {
    display: none;
}
header#main-header div#et-top-navigation .mobile_nav {
    background: transparent !important;
}
header#main-header div#et-top-navigation div#et_mobile_nav_menu {
    margin-top: -35px !important;
}
header#main-header {
    background: rgba(255,255,255,0.7);
    padding: 20px 0px 0px !important;
}
.et_transparent_nav #page-container {
    padding-top: 130px !important;
}
}
/* -- END Fix mobile menu -- */Code language: CSS (css)