Main Menu Overlapping with Logo

When I reduce the width of my browser window, the main menu overlaps the logo on the left.

I found this quick CSS in another post that fixed it for another person:

@media only screen and (max-width: 1230px) {
nav.main_menu {
display: block !important;
}
#avia-menu .menu-item {
display: none !important;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}

But unfortunately after putting this into quick CSS the problem persists.

• This topic was modified 5 years, 4 months ago by hgsthemeforest.