Squarespace v. Live

Site URL: http://www.its-the-thought.com

Hi,

I almost have my 7.1 site complete, however, I am now noticing that the site appears differently in SS than when accessed on the live web.

For example, the below category hover appears correctly in squarespace but not live on web. 

Any help would be greatly appreciated.  

Thanks!

Are you referring to the font difference? I looked at your site on mobile and the drop down menu looks fine with the font in the top image. On desktop the drop down is too narrow and causing a second line with some links. . That can be adjusted by changing the width of the dropdown or reducing the font size. You can improve the look with this code: the first section may be all you need and you can adjust the numbrer 60px to the width you want. 

.header-nav .header-nav-item--folder .header-nav-folder-content {
    width: 60px;
}

/* Change dropdown menu background */
.header-nav-folder-content {
   background: rgba(255,255,255,0.5) !important;
}

.header-nav-folder-item {
    text-align: center;
}

Hi,

Thank you, however, the second photo is actually the correct desktop version.  The first photo is what's showing on live web.  Sorry if that wasn't clear.