Website Building » Squarespace » How Do I Add a Menu Button in Squarespace?

How Do I Add a Menu Button in Squarespace?

Last updated on December 28, 2022 @ 7:04 pm

There are two ways to add a menu button in Squarespace. The first way is to use the built-in Button Block. The second way is to use HTML and CSS.

To use the Button Block, simply add a new Block to your page and select the Button Block from the list of options. Then, enter the URL you want the button to link to in the Link field. You can also enter any other optional settings, such as the button’s Label, Alignment, and Size.

To use HTML and CSS, first create a link element and give it a class of “button-menu”. Then, style the element using CSS. For example:

PRO TIP: This article is outdated and no longer reflects Squarespace’s current interface. Please refer to Squarespace’s Help Center for up-to-date instructions.

Menu

#button-menu {
  display: inline-block;
  padding: 10px 20px;
  background-color: #333;
  color: #fff;
  text-decoration: none;
}

The code above will create a button that says "Menu" and links to the page's anchor point (denoted by the "#" symbol). You can change the text of the button by editing the "Menu" text, and you can change the URL it links to by editing the "href" attribute. You can also style the button using CSS, such as changing its colors, adding borders, etc.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.