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

The Montauk template family (Julia, Kent, Montauk, Om) features page banners and a versatile thumbnail navigation Index, putting your information, products, or love story in the spotlight.

This guide covers the features and design options for the Montauk family. Site Styles tweaks are bold, and link to the list of all Montauk tweaks to help you navigate the panel.

Tip: The Live Preview pages for MontaukJuliaKent, and Om show real customer sites using these templates.

Supported pages

Montauk supports these page types:

Header

Visitors use the header at the top to navigate your site. In Montauk, the header has the site title or logo, Top Navigation links, and a customizable area called the header subtitle.

  • Set the layout with Canvas Style in Options.
  • For left and right layouts, use Stack Navigation in Options to stack the navigation links.
  • Change spacing in the header and between navigation links with Sizes & Values tweaks.

Choose what displays in the header subtitle with Header Subtitle in Options.

  • Address displays the address and phone number from the Physical Location fields of Business Information.
  • Tag Line displays your site’s tag line.
  • Choose Custom to add text or other content. Exit Site Styles and double-click the placeholder "Your Custom Text Here" text to replace it with blocks.

montauk-header.png

Border

Add a border around your entire site and at the top and bottom of the main content.

  • Set the color with Page Border Color in Colors.
  • Set the thickness with Page Borders in Options.
  • Hide the border by choosing Page Borders: None in Options.
  • If the Canvas Style is set to Masthead Logo Left or Right, the outside border won't display.

montauk-border.png

Background

In the Colors section:

  • Set the site background color with Site Background, or add a background image with Site Background Image.
  • Set the background of your main content area and site header with Canvas Background.
  • The site background color may display briefly before the background image loads.
  • Use the Canvas Background opacity slider to let the background show through, as shown below.
Tip: The border displays around the canvas.

montauk-backgroundimage.png

Footers

Montauk has three footers, which you can customize with blocks.

Page footers are unique to individual pages.

  • Collection items (like blog posts) each have their own footer.
  • Page footers don't display for Gallery and Layout Pages opened from an Index.

There are two site-wide footers:

  • Info footer - Choose if this shows with Hide Info Footer in Options. Hide its built-in social icons with Hide Social Icons.
  • Bottom footer

montauk-footers.png

Page banners

You can create a banner with a text overlay at the top of Blog, Events, Index, and Layout Pages. Add banners in Page Settings with thumbnail images or video URLs.

  • Use the Options section to choose if banners, page titles, and divider lines appear.
  • When Layout Pages are opened from an Index, banners don't display.
  • Video banners require a mobile fallback image to display.

montauk-banner.png

Width and height

The width and height are fixed:

  • Width - Page banners always display at the width of the canvas area.
  • Height - The height is set by the image (or mobile fallback image, for video banners). You can change this with the built-in image editor. To create a uniform look, ensure all your banner images have the same aspect ratio.

Banner text

Page titles and descriptions can display over banners.

  • The page must have a banner image or video for the text to appear.
  • Descriptions don't display on browsers smaller than 767 pixels wide.
  • The text color matches the canvas background (Canvas Background in Colors).
  • Style the fonts with Page Title and Page Description in Typography.
  • Pages titles have a fixed size on narrower browsers.
  • To use different text for search results, add an SEO title and description.

To hide the text:

  • On all pages - Check the Hide Page Banners tweak.
  • On one page - Delete the title or description from Page Settings. If you do this, add an SEO title and description. These won't display on your site, but are helpful for SEO.

Blog Pages

Montauk Blog Pages display as a list of vertically-stacked posts. The page thumbnail creates a banner image.

  • Dates and author names display above each post. Other metadata displays below.
  • Blog Pages support a sidebarbanner, and page footer.
  • Excerpts display Read More links and Promoted Image, Gallery, or Video Blocks.
  • Post thumbnails don't display.
  • Individual posts have navigation for previous and next posts below the comments.

montauk-blog-page.png

Style Blog Pages

Change the colors of the post title, text, and metadata with Heading 1 Color, Text Color, and Blog Meta Color in Colors.

In the Blog Styles section:

  • Choose if the author shows with Hide Article Author.
  • Change the space between posts with Blog Post Spacing.
  • Change the title font with Blog Post Title.

Blog sidebar

A sidebar displays on landing pages and posts. Customize it with blocks. If you have multiple blogs on your site, the same sidebar displays on all of them. The sidebar scrolls up with the page.

In the Blog Styles section:

  • Enable the sidebar and choose where it displays with Blog Layout.
  • To hide the sidebar, choose Blog Layout: Center.
  • Set the size of the sidebar with Blog Sidebar Width.
Tip: If your sidebar is blank when you first enable it, exit Site Styes, hover over the top corner of the Blog Page, and click the Sidebar Content Edit annotation.

Gallery Pages

Montauk Gallery Pages stack images and videos vertically. The page title and description display on one side, with images on the other.

  • Flip the layout with Project Layout in Index Styles.
  • Change the image size by adjusting Index Sidebar Width in Index Styles.

montauk-gallery.png

Gallery text

For page titles and descriptions:

  • Set the title font with Index Thumb Titles in Index Styles.
  • Control the title size with Heading 2 in Typography.
  • The description text follows the Body Text tweaks.
  • To use different text for search results, add an SEO title and description.
  • To hide the text, delete the title or description from Page Settings. If you do this, add an SEO title and description. These won't show on your site, but are helpful for SEO.

Image titles and descriptions display below each image.

  • The text follows the Body Text tweaks.
  • Image titles are always bold.
  • To hide the text, remove the title or description in the image's editor.

More help with Gallery Pages

Index Pages

Montauk Index Pages create thumbnail grids that visitors can use to explore different pages.

montauk-index.png

Supported pages

You can add the following pages to an Index:

  • Layout Pages
  • Gallery Pages
  • Blog Pages
  • Event Pages
  • Products Pages
  • Album Pages

Style the Index

Use the Index Styles section to style Index Pages, including:

  • Set the page title color with Index Thumb Title Color.
  • Choose how many thumbnails display horizontally with Thumbnails Per Row.
  • Set the height of the thumbnail images with Thumbnail Ratio.
  • Choose how much of the background color shows through with Thumbnail Opacity.
  • Choose how much the thumbnail fades when a visitor hovers over it with Thumbnail Hover Opacity.

Gallery and Layout Pages in Indexes

Gallery and Layout Pages opened from an Index have special formatting:

  • The top of the page displays at the top of the browser. Visitors can scroll up to see the site header.
  • Clickable thumbnails for the other pages in the Index display below the page content, along with navigation elements.
  • Banners don't display on Layout Pages. If the Index Page has a banner, that displays instead. Otherwise, there's no banner.
  • The URL includes a hashtag (#). The special formatting doesn't display if the URL doesn't include the #.

Page titles and descriptions

Page titles and descriptions can display:

Social icons

The info footer has optional built-in social icons.

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

Fonts

For text on your site:

  • Style the fonts and sizes with Typography tweaks.
  • Style the colors with Colors tweaks.

Sidebar

Montauk has a sidebar on Blog Pages and posts.

Mobile

With Squarespace's built-in responsive design, your site adjusts to look great on any device.

  • The navigation displays as a Menu link in the top center.
  • The Menu link always displays on mobile, even if the Top Navigation is empty.
  • The menu background follows Canvas Background in Colors.
  • Gallery images stack beneath the page description text.
  • You can disable mobile styles (not recommended).

Banners may look different on mobile:

  • Page descriptions don't display on smartphones and browsers smaller than 767 pixels wide.
  • Video banners sometimes won't display on mobile, depending on the visitor's connection speed and browser version. Set a mobile fallback image to appear when the video banner can't load.
  • See our troubleshooting tips for mobile banner and background image cropping issues.

montauk-mobile.png

Was this article helpful?
39 out of 83 found this helpful