(Squarespace) How to add horizontal line between menu items on mobile

To add horizontal lines between menu items on mobile, like this.

You can use this code to Custom CSS box.
If code doesn’t work, you can comment below, message or send me an email.

div.header-menu-nav-wrapper>div.container.header-menu-nav-item>a {
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
}

1 Like