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

Montauk, Julia, Kent, and Om share the same underlying structure and functionality. This guide applies to all these templates.

This guide walks you through the options for adjusting the look and feel of your Montauk, Julia, Kent, or Om site. These options are available in the Style Editor.

This is a supplement to the guide Making style changes, which we suggest you read first if you're new to Squarespace.

Tips: In the Home Menu, click Design, and then click 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.

These templates support these page types with template-specific features:

  • Index - Create a grid of thumbnail images that link to pages on your site
  • Gallery - Display images and videos in a stacked format
  • 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.

Site header

The site header displays the site title or logo, navigation links, and an additional customizable area called the header subtitle

For more information, visit Site header.

Page border and background

A border can display around your entire site and at the top and bottom of the main content.

  • Set the color with the Page Border Color tweak in the Colors section of the Style Editor.
  • In the Options section, use the Page Borders tweak to set the line thickness or to hide the page border altogether.
  • If you set the Canvas Style tweak to Masthead Logo Left or Right, the outside border won't display.

Use the Colors section of the Style Editor to set the Site Background color for the area of the site outside the page border. The Canvas Background color controls the area inside the page border.

Note: For the Julia template, you’ll need to remove the demo Site Background Image for the site background color to show.

Use the Site Background Image tweak to add an image as the background of the site. For more information about styling the image, visit Adding a background image.

Tip: You can use the opacity slider in the Canvas Background tweak to allow the image to show through, as shown in the example below.

Footers

These templates support three footers.

  • Per-page footer - Add unique footer content to individual pages. Page footers for Regular Pages and Gallery Pages don't display when viewed within the Index.
  • Info footer - Appears on all pages of your site. Displays social icons for connected accounts. Hide this footer with the Hide Info Footer tweak. 
  • Bottom footer - Appears on all pages of your site.

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

Note: The info footer's annotation won't appear if Hide Info Footer is unchecked in the Options section of the Style Editor.

Your template may have demo content in the footer. For example, the Montauk info footer contains a Summary Block, and its bottom footer contains a Social Links Block. These blocks are removable. 

Page banners

You can display a banner image or video with a text overlay at the top these page types:

  • Regular Page
  • Blog
  • Events
  • Index

Add a banner in Page Settings by adding a thumbnail image or video URL.

The width and height are fixed:

  • Width - Page banners always display at the width of the site content.
  • Height - Page banners don't crop vertically; their height is set by the original image. This means each banner may be a different height, depending on the shape of the original image. Ensuring all your banner images have the same aspect ratio will create a uniform look.

The page title and description displays over the banner as text.

  • You must have a banner image or video for the title and description to appear.
  • The description won't display on smartphones and browsers less than 767 pixels wide. 
  • The color matches the Canvas Background color.

With the tweaks in the Options section of the Style Editor you can:

  • Set the alignment
  • Hide the page title
  • Hide the line between title and description
  • Hide the page banner altogether 

The Page Title and Page Description tweaks in the Typography section style the fonts.

Note: When a Regular Page is viewed within an Index Page, the page banner won't display.

Social icons

The info footer contains social icons, which link to your connected accounts.  

Uncheck Hide Info Footer in the Options section of the Style editor to display the info footer. Then use the Social Icon Style tweak to change how the icons look, or use the Hide Social Icons tweak to hide them.

You can also add social icons to any page or footer using a Social Links Block. The Social Links Block has its own styling options.

Tip: Montauk's demo content also includes a removable Social Links Block in the bottom footer. 

Mobile

Because Squarespace templates are built with responsive design, your site will adjust on 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.

On a smartphone, the navigation displays in a menu at the top of the page.

  • When you tap Menu, it expands to show your Top Navigation links.
  • The menu follows the Canvas Background color.

Banners may display differently on mobile:

  • On smartphones and browsers less than 767 pixels wide, page descriptions won't display over banners.
  • Video banners don't display in mobile. Instead, set a mobile fallback image.
  • See our troubleshooting tips for mobile banner and background image cropping issues.

Index Pages stack vertically on smartphones. Gallery Pages stack beneath the description text.

Sidebar content displays below page content on mobile. 

Note: You can disable mobile styles in the Advanced panel.

Next step

Learn how to style your site header.

Was this article helpful?
10 out of 21 found this helpful
Montauk structure and style