Due to CSS added in order to have a logo in between menu items (See post https://kriesi.at/support/topic/logo-centered-in-middle-of-menu/) the mobile menu is now messed up with a couple menu items not even displaying and another partway cut off. Would nesting all the menu-related CSS within the following solve the problem?
@media only screen and (max-width: 989px) {