pwall Posted June 13, 2020 Share Posted June 13, 2020 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! Link to comment
derricksrandomviews Posted June 13, 2020 Share Posted June 13, 2020 (edited) 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; } Edited June 13, 2020 by derricksrandomviews Link to comment
pwall Posted June 14, 2020 Author Share Posted June 14, 2020 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. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment