Edit the Mobile Menu Links | Squarespace 7.1

What does this code do?

This code snippet will allow you to edit the size, color, and other font properties of the mobile menu links in Squarespace 7.1.

Code Snippets

Copy and paste the following code into the Custom CSS box.

<!-- Mobile Menu Text -->
.header-menu-nav a{
  PASTE CODE HERE
}

Then copy and paste the properties you want to change into the code where it says PASTE CODE HERE.

  color: red !important; //color
  font-family: "ariel" !important; // font name
  font-size: 2rem !important; //size
  font-weight: 700 !important; // boldness
  font-style: italic; // makes font italic

Then customize the property to match the style you are going for.

How To Use It

1. Copy and paste the code as indicated above.

2. For more information on where to paste the code, check out our Start Here guide.

3. Customize the color, font, size, weight, or style.