Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Momentum structure and style

This guide walks you through the options for adjusting the look and feel of your Momentum site. If you're new to Squarespace, we recommend you start with the guide Making style changes.

Tips: In the Home Menu, click Design, then Style Editor. To access tweaks specific to a page, navigate to the Style Editor when on that specific page.

Supported pages

Add pages to your site to create your site's underlying structure. Pages can appear as links in your site's navigation.

Momentum supports these page types with template-specific features:

  • Gallery - Display your images in a full-bleed, interactive slideshow
  • Index - Collect multiple galleries into one browsable area
  • Blog - The list-style Blog Page stacks posts vertically

And these standard pages:

  • Regular Page - A blank page you can customize with blocks
  • Album - Add music and cover art to your site
  • Events - Create a calendar or list of events
  • Products (Classic) - Sell goods and services with our integrated Commerce features.
  • Cover Page - A unique landing page styled separately from your template
Tip: If you're new to Squarespace, we suggest you read Understanding the Pages panel and Adding pages to your navigation for an overview of how pages and content work in Squarespace.

Background

On Gallery Pages, full-bleed images cover the background of your site. For more information, visit Momentum Gallery Pages.

For all other pages on your site, the background has two adjustable areas:

Main content area:

  • Use the Content Background tweak to set the color.
  • Use the Page Width tweak to adjust the width.
  • Use the Page Alignment tweak to display the main content area on the left, center, or right.

Site background:

  • This displays behind and around the main content area.
  • Use the Site Background tweak to set the color.
  • Use the Page Background Image tweak to replace the color with a site-wide background image.
Tip: Adjust the transparency of the Content Background tweak to set how much of the site background shows through.

Navigation bar

Momentum displays your site's title or logo, navigation links, and social icons in a navigation bar.  Use the Navigation Position tweak to choose whether it displays at the top or at the bottom of your site.

The navigation bar is fixed, meaning it stays in the same position at all times. Content on the page appears to move beneath it.

Set the style:

  • Background - Use the Navigation Background tweak to adjust the color of the navigation bar.
  • Height - Use the Navigation Padding tweak to adjust its height.
  • Site title - Use the Site Title tweaks to adjust the font and color of your site title.
  • Border - Use the Navigation Border Color to add a thin border line between the navigation bar and the page. You may need to adjust the transparency.

Style the elements that display in the bar:

  • Logo - If you replace the site title with a logo, use the Logo Image Height tweak to adjust the size.
  • Navigation - Your Main Navigation displays pages and other links. Use the Navigation tweaks to adjust the font, color, active color, hover color, and spacing. If there are more links than can fit next to the site title or logo, they move below it.
  • Social icons - Social icons for your connected accounts display on the bottom-right. Use the Social Icons tweaks to adjust their color, style, and size. Uncheck Social Icons Display to hide them.
  • The navigation bar can also contain the grid icon for the Gallery Page thumbnail navigation.

Page title and description

The page title and description can display at the top of these page types:

  • Blog
  • Events
  • Products
  • Regular

The page title follows the Heading 1 tweaks. The description follows the Body Text tweaks, but displays slightly larger than regular body text.

To hide the page title and description, uncheck Page Title/Description.

Footer

The footer appears on all pages except Gallery and Index Pages. The footer displays at the same width as the main content area.

To customize a footer, hover over the bottom of the page and click the Edit annotation. Then add content using blocks. To learn more, visit Editing footers.

Mobile

Because Squarespace templates are built with responsive design, your site will adjust on a mobile devices to better fit the format of that device. You can use Device View to see how your site will look on different devices. For general information, visit How will my site appear on a mobile device?

On mobile devices, the main content area's background color displays. To see the site background image or color, adjust the transparency of the main content area. This will also affect your site on desktop.

The navigation bar appears at the bottom of the site on mobile.

  • On smartphones and narrow browsers, the navigation links collapse into a menu (hamburger) icon.
  • When you tap the menu icon, an overlay with your navigation links appears.
  • Folder sub-pages always display on mobile.

Next step

Learn how to showcase your images with the Gallery Page.

Was this article helpful?
2 out of 8 found this helpful
Momentum structure and style