Divi Theme Logo Pushing into the Menu Text

At certain browser window dimensions, the logo pushes into the text as shown above. You may have to resize the browser window to see it. If your window is big enough or small enough it won’t show.

If you go to the bottom right corner and grab your browser window and resize it gradually so that it goes from the size of a computer screen to the size of a small phone screen you will see what I am saying in between. A user actually told me because their screen size wasn’t big.

How can I address that?

Solution from divi theme that solved the problem for me was as follows:

In order to fix this issue, please navigate to Customize > Additional CSS and add in the following code snippet:

@media (max-width: 1215px) {
    #logo { max-height: 40% !important; }
    #et-top-navigation { padding-left: 280px !important }
}