How to fix the overlapping logo on mobile with DIVI

If you are using the DIVI theme with a square shaped logo instead of the standard landscape size. You might find a few overlap issues.

Try to add this css code to Divi - Theme Options - General - Custom Css and change the highlighted value:

@media only screen and (max-width: 980px){
#logo {
min-height: 80px;
}
}