La plantilla DIVI tiene muchas opciones para poder montar la web a nuestro gusto, pero a veces las cosas más sencillas son las más complejas.

Hace muy poco me pasó con un cliente que tenía el logo muy grande (muy alargado horizontalmente) y el menú era también bastante largo, con lo que habia un momento que según la resolución, el menú se doblaba en dos lineas, haciendo que quedase muy feo:

Como vemos en la captura de pantalla, el objetivo es hacer aparecer el menú responsive antes de lo normal, para evitar esa doble linea de menú tan desastrosa, ¿Cómo lo haremos? Añadiendo estas lineas de CSS en nuestra plantilla:

@media (max-width: 1300px) {
#et_mobile_nav_menu {
display: block;
}

#top-menu {
display: none;
}
}

En mi caso me han hecho falta 1300 pixels, pero en vuestro caso tenéis que ir probando a ver que anchura es la ideal.