Hide a certain mobile nav item

Sometimes you'd like to target a specific menu item, changing the behaviour, color och or just simply hide it. Here's how I hid a menu item that contained the string "filter".

/* HIDING A SPECIFIC MOBILE NAV ITEM
- - - - - - - - - - - - - - */

a.Mobile-overlay-folder-item[href*="filter"] {
  display: none;
}

This method can of course be used for about anything. Here's an example where I needed to change the color on three out of 50+ summary titles:

/* PROJECT TITLE COLORS
- - - - - - - - - - - - - - */
.sqs-block-summary-v2
.summary-block-setting-text-size-medium
.summary-title a[href="/projekt/mandelpilen"],
.summary-title a[href="/projekt/cementen"],
.summary-title a[href="/projekt/torntradgarden"]
  {
  color: #FFF !important;
}

Note the second line – .summary-block-setting-text-size-medium. The four different summary text-sizes in Squarespace are a very efficient way to target and style different summaries across a site.