When the content of the menu no longer fits the available screen width the menu can span multiple lines (overlapping the content below). This usually happens with large menus and long site titles and the site being viewed on smaller devices.
The solution to this is to either adjust the menu and title to fit in the available space or apply custom styling to activate the mobile menu earlier (on larger screens).
The Plus edition of the theme includes an option to control this activation point.