Horizontal Navigation Menu Issue

Hi there, love the theme. Just an issue that needs resolving if you can assist please!

It lays with the horizontal menu above the hero banner. I have quite a few items on it.
This means that when the browser window’s width is narrowed, a couple of my menu items wrap onto a second line (below the rest).
The causes the following:
The height of the menu bar is not made larger so the two menu items that wrap underneath now overlay the contact email address in the ribbon below.
I cannot access items in the expanding menu items above the two wrapped menu items because the expanding menu items are below the two wrapped menu items.

To make it clearer, I’ve done a couple of screen captures to help explain (I’ve had to blur most of the items out) but you can see the layering issue.

You can view the images here:

Issue 1

Issue 2