How to Take Logo Out of Navigation Menu? [closed]

I was going to leave this as a comment since questions about CSS are off-topic here, but it wasn’t going to fit.

There is a rule in your inline CSS at line 75, which hides the menu of the screens sized less than 750 pixel. This is it:

@media only screen and (max-width: 750px) {
    #top-navigation {
        display: none !important;
    }
}

Which hides both your logo and the menu. To revert this, you can either add your image outside the #top-navigation, or hide only the menu, not the whole navigation.

For example, add a simple media query and add it to Appearance > Customize > Custom CSS:

@media only screen and (max-width: 750px) {
    #top-navigation {
        display: block!important
    }
    #top-navigation .sf-menu {
        display: none !important;
    }
}