Logo/Firefox

Hi Jill

Thanks so much for your support.

Sorry to hear you’ve run into a problem. I’m sure we can resolve. Would it be possible to send a link so we can view the site live? If you’d like to keep it private you can use the Private Reply checkbox below the comment field.

Thanks for the info. OS X Firefox isn’t reproducing the problem but I can see what might be happening. Try adding the following to a Custom CSS plugin like Simple Custom CSS or Jetpack Custom CSS:

/* Header */

.site-header .site-branding-container {
    max-width: 40%;
}

.main-navigation {
    max-width: 60%;
}

Please, try the following:

/* Header */

.site-header .site-branding-container {
    max-width: 50%;
    overflow: visible;
}

.main-navigation {
    max-width: 50%;
}

I’m not seeing an overlap in the 1001 wide up to 1197 range, in OS X at least. One option would be to initiate the mobile menu earlier. The collapse point can be set from Appearance > Theme Settings. Changing the Mobile Menu Collapse to 1200 should hopefully resolve the challenge.