Responsive menu breaks on the smaller screen

Hey axelfx07!

For this it would be easiest to just change the font size to 0.8em instead of 0.9.

.header_color .main_menu ul:first-child > li > a {
  color: #191919;
  font-size: 0.8em !important;
  font-weight: 500;
}

Or you could try switching the menu out earlier with this CSS.

@media only screen and (max-width: 900px) {
.html_header_top.html_header_sticky.html_bottom_nav_header #main { padding-top: 90px !important; }
#advanced_menu_toggle { display: block !important; }
}

Cheers!
Elliott