Issue with navigation overlapping logo on some screen sizes

Site URL: https://www.erateconsulting.com/

Hi everyone,

I came across an issue when resizing my website using Chrome. On some screensizes (not all), the main navigation overlaps my logo instead of breaking into two lines.  On the screen shot below my window is about half the size of my screen.

Any ideas of how to fix it? 😞 

7 hours ago, samrivera said:

Site URL: https://www.erateconsulting.com/

Hi everyone,

I came across an issue when resizing my website using Chrome. On some screensizes (not all), the main navigation overlaps my logo instead of breaking into two lines.  On the screen shot below my window is about half the size of my screen.

Any ideas of how to fix it? 😞 

 

That must be a glitch because on my side it looks like this.

I think it's a bug from the Squarespace system. I've had that problem on many sites, and it's fine to reload the page, and it just shows up occasionally, not often.

Try contacting Squarespace Customer Care.

We just came across this same bug. As a work around, this custom CSS seems to work:
 

.Header-nav.Header-nav--primary .Header-nav-inner {
  white-space: normal;
}