(Squarespace) Secondary style to Mobile Menu Items

To add a secondary style to specific Mobile Menu Items, like this.

#1. First, you need to know this.

#2. Use this code to Custom CSS box.
If code doesn’t work, you can comment below, message or email me.

div.header-menu-nav-wrapper>div.container:nth-child(n+6) * {
   font-size: 14px;
}
div.header-menu-nav-wrapper>div.container:nth-child(6) {
  margin-top: 50px;
}

#3. Code will affect items n+6 (item 6, 7, 8, 9, 10, 11…)

1 Like