Logo, Contact Details & Navigation Menus

This guide covers three of the most important building blocks of your site's identity and structure: your logo and favicon, your contact details and social links, and your navigation menus. Together they determine how your brand shows up and how visitors move around your site. They live in a few different spots, so this article maps out where each one is and how to set it up.

A quick note on access: Branding and Site Settings are available to Site Admins. If you're signed in as a Site Editor, you won't see these areas. An Admin will need to make these changes.

Logo & identity

Your logo images are uploaded on the Identity tab of Branding (Site Settings → Branding → Identity). There are three images to consider:

  • Main logo: your primary logo, shown in the header (and often the footer) on normal, light backgrounds. This is the one most visitors will see.
  • Alternate logo for dark backgrounds: a version of your logo designed to stay visible on dark or brand-colored sections. If your main logo is dark-colored, it can disappear against a dark footer or a transparent header over a dark hero. The alternate logo (usually a light or white version) is used automatically in those places so your brand always reads clearly.
  • Favicon: the tiny icon that appears in the browser tab next to your page title (and in bookmarks). It's usually a simplified mark or a single initial, since it's shown very small. Adding one is a small touch that makes your site feel finished and professional.

Where logo size is set: the images live on the Identity tab, but how large your logo displays in the header is controlled under Site Settings → Branding → Layout → Header (the Logo size option). See Header Styles & Options.

To upload your logos and favicon

  1. Go to Site Settings → Branding → Identity.
  2. Upload your main logo.
  3. Upload an alternate logo for dark backgrounds (recommended, especially if you use a dark footer or a transparent header).
  4. Upload a favicon.
  5. Save, then adjust the display size under Layout → Header → Logo size if needed.

Contact details & social links

Your contact information and social profiles live in Site Settings → Settings. This is a separate area from Branding. (Branding is your look and feel; Settings holds practical business details.)

Here you set:

  • Phone: your business phone number.
  • Email: your contact email address.
  • Address: your physical or mailing address.
  • Business name: your official business name.
  • Social profiles: links to your accounts (such as Facebook, Instagram, and others).

The big advantage here is that you enter these once and they're reused everywhere they're needed. Set your social profiles a single time and they feed:

  • your header and footer (for example, the social icons in a utility bar or footer),
  • the Social Links block you can drop onto any page,
  • and your contact form.

The same goes for phone, email, and address. For example, the header's utility top bar can display your phone straight from these settings. Update a detail in one place and it refreshes across your whole site. (One exception: the utility bar's hours text isn't a Site Settings field. You set it on the header itself, under Branding → Layout → Header.)

Using these details in your own wording

Reuse is not limited to the places listed above. You can also drop any of these straight into text you write yourself, anywhere on your site, by typing the name in curly brackets:

  • {site.phone}: your phone number.
  • {site.email}: your contact email.
  • {site.address}: your address.
  • {site.businessName}: your business name.
  • {site.name}: your site name.
  • {site.domain}: your web address.

Write a heading as "Call us on {site.phone}" or a button as "Text {site.phone}" and the real number shows on the page. It works in headings, paragraphs, button labels and rich text. The point is the same as the rest of this section: change the number here once and every sentence that mentions it updates, rather than you hunting through pages for the old one.

Get a name wrong and the live page simply leaves that spot empty instead of showing brackets to your visitors, and Live Preview flags it so you catch it first. Content types have their own version of this for their own fields, so a service page can say "Gutter repair in Asheville" without you writing it per item. See Designing the Item Page & Dynamic Content.

Navigation menus

Menus are the sets of links that help visitors get around: the links in your header, the columns in your footer, and the legal links at the very bottom. You build them under Site → Site Menus.

Each menu has three parts:

  1. A name: for your own reference (for example, "Main Navigation" or "Footer Services").
  2. A Location: this is what tells your site where the menu should appear. The available locations are:
    • Header - Primary: your main navigation links in the header.
    • Header - Secondary: an extra header menu location. Note that no current header style uses it, so links assigned here won't appear until a style that reads it is added. For now, put all your header links under Header - Primary.
    • Footer - Column 1, Footer - Column 2, Footer - Column 3: the grouped link columns in your footer.
    • Footer - Bottom: the small links in the footer's bottom bar, typically legal links like Privacy Policy and Terms.
  3. Items: the individual links in the menu.

For each item, you choose where it points:

  • Internal Page: link to one of your own pages by selecting it. This is the best choice for your own content, because the link stays correct even if the page's web address changes.
  • External URL: link to any web address, including sites outside your own. External links have an open-in-new-tab option so visitors don't lose your site when they follow the link.

Items can also have dropdown children: a single level of sub-links that appear when a visitor hovers over or taps the parent item. For example, a "Services" item could have "Branding," "Web Design," and "Packaging" nested underneath. (Dropdowns go one level deep. You can't nest a dropdown inside another dropdown.)

To create a menu

  1. Go to Site → Site Menus.
  2. Create a new menu and give it a clear name.
  3. Choose its Location (for example, Header - Primary or Footer - Column 1).
  4. Add items, choosing Internal Page or External URL for each (and ticking open-in-new-tab for external links where it makes sense).
  5. Add dropdown children to any item that needs sub-links.
  6. Save. The menu now appears wherever its location is used. Check your header or footer to confirm.

Two more site-wide extras

  • Sticky CTA. Under Site Settings → Branding → Layout, you can turn on a site-wide Sticky CTA: a persistent call-to-action bar or pill that stays on screen on every page as visitors scroll (for example, an ever-present "Call Now" or "Book a Consultation"). It's a strong way to keep your main action within reach no matter where someone is on the page. This is separate from the header's own CTA button. It follows visitors everywhere.
  • Review rating fields: your star rating and review details are shared settings that several parts of your site can display (for example, "Show review rating" in the header's Stacked Pro style and in the footer). Set your rating once and any component that shows it stays consistent.

Good to know

  • Three different homes. Logos and favicon are in Branding → Identity; contact details and social links are in Site Settings → Settings; menus are in Site → Site Menus. Keeping these straight saves a lot of "where do I change this?" moments.
  • Set social once. Because social links feed the header, footer, Social Links block, and contact form, you only ever maintain them in one place.
  • Prefer Internal Page links. Linking menu items to your own pages by selecting them (rather than pasting a URL) keeps navigation reliable over time.
  • An empty footer column usually means no menu is assigned to that footer location yet. Create or assign a menu with that Location.
  • Your free web address. Every site comes with a free address in the form <yourname>.mystoutstack.com, so your site is live and shareable from day one, no separate purchase required to get started.
  • Related reading: Header Styles & Options, Footer Styles & Options, and the Branding Overview & Theme Presets.
Was this helpful?