Jump to content

Squarespace v. Live

Recommended Posts

  • Replies 2
  • Views 346
  • Created
  • Last Reply

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;
}

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.