Divi menu overlaps logo when scaled down

If you are use the Elegant Themes Divi template then and have a wide logo, you may notice this overlap.

 

 It can be fixed with the below CSS code:

@media (max-width: 1360px) {
#top-menu {
display: none;
}
#et_mobile_nav_menu {
display: block;
}
}