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

Whether you’re setting up a blog or a site for your business, Native is a versatile template built to share your ideas or products with the world. Special features include a customizable header and circular thumbnail images on excerpted blog posts.

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

Tip: Native's Live Preview page shows real customer sites using this template.

Supported pages

Native supports these page types:

Header

Visitors use the header at the top to navigate your site. In Native, the header's site title or logotag line, site description, and Main Navigation links are centered.

  • To change or remove the site description, hover over the area below the site title and click Edit. (Site descriptions aren't available for sites created since November 2018.)
  • Folder menus drop down on hover. The menu background matches the site background.

To style the header:

  • Style the title or logo, description, and tag line in Site Header.
  • Style the navigation in Site Navigation.
  • To add border lines above and below the navigation, change the transparency of Borders Color in General. Lines also appear between blog posts. 

native-header.png

Background

This site background displays behind the header, footer, and main content area.

In the General section, set the site background color with Site Background, or add a background image with Site Background Image.

Footer

The site-wide footer has a customizable content area and built-in social icons.

  • Style the text and social icons with Footer tweaks.
  • Unlike the rest of the site, footer text links aren't underlined.

 

native-footer.png

Blog Pages

Native Blog Pages display as a list of vertically-stacked posts.

  • Adding a border to the header also adds lines between blog posts.
  • Promoted Image, Gallery, and Video Blocks display above titles at the width of the site.
  • Individual posts have navigation for previous and next posts above the comments.
  • The text from the Business Name field of the Location tab displays as a location tag.

Style options

Style Blog Pages in the Blog section.

  • Choose if dates and categories display above or below the post with Blog Meta Data. All other metadata always displays below the post.
  • Hide or display author names, tags, and categories with Hide Author and Hide Tags Categories.
  • Hide or display metadata icons with Hide Icons.
  • Set the post width with Blog Content Width.

Round thumbnails

Post thumbnails display as circles above titles for posts with excerpts.

  • They don't display on individual posts, or on narrow mobile devices like smartphones.
  • Focal points don't apply.

native-blog.png 

Mobile

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

  • On narrow mobile browsers, such as smartphones, blog post thumbnails don't display.
  • You can disable mobile styles (not recommended).

Navigation collapses to a Navigation link below the header. The menu that appears looks different on different devices:

native-menu-ios-and-android.png 

Was this article helpful?
5 out of 22 found this helpful