Customize Your Site Header

Your header appears on all pages of your site and can be customized with your company logo and desired links.

---

In this article:

Default Header

Logo

Links

Style & Alignment

Optional Button (Empire & Vogue themes)

Colors & Fonts

Default Header

By default, your header will include a few different elements:

1. School name
2. All Products link
3. Sign in link

School name

Your school name will appear in your header by default unless it is replaced by a logo. If you would like to update the name that appears, you can change this in your Site Settings.

All Products link

The All Products link that appears in your header is linked to a default page that lists all the published and non-hidden products available on your site. If you would like to check out this default page, the URL will be formatted as https://yoursite.thinkific.com/collections . To access this page on your personal site, you can replace yoursite in the previous link with your Thinkific subdomain.

The All Products link can always be removed or you can customize the default text if desired.

Note that if your account was created before September 27, 2022, this link will say All Courses instead, but you can customize this as mentioned above.

Sign in link

Your Sign in link is where your students will need to go to log in to your site to access their products! It is also where you as the Site Owner or any other users you have assigned will log in to access your dashboard.

[back to top]

Logo

You can upload your company logo to your Header, adjust the size, and choose where the logo links too! When adding a logo to your header, it will override the default school name.

To upload a logo:

1. From your Admin Dashboard, select Design Your Site
2. In Site Pages, select a page to open in Site builder by clicking the pencil icon
3. Once you've opened Site Builder, open the Header section
4. Click Logo
5. Click Upload Image
6. Drag or select an image
7. Adjust the image size slider to your preferred size
8. In the Link field, select a page you would like the logo to be directed to if clicked on. If you don’t designate a specific page to link to, the logo will by default link to your Thinkific home page.
9. Click Save
   

[back to top]

Links

The Header is also a great place for you to share links outside of your Thinkific site! You could include links to external pages like a personal website or a blog, or even links to custom pages you’ve created within Thinkific. Please note that you can have a maximum of six links in your header.

To add a link to your header:

1. From your Admin Dashboard, select Design Your Site
2. In Site Pages, select a page to open in Site builder by clicking the pencil icon
3. Once you've opened Site Builder, open the Header section
4. Click Add link
5. Click on the Link heading to expand the option menu
6. In the Text field, input the text you would like displayed in your header
7. In the Link field, select desired page or a custom URL
8. A second dropdown will appear to refine your choice or add your URL in the case of a custom URL
9. Under Open link in, select Same window or New window. This defines how the link will open in a browser.
10. Click Save

To delete a link from your header:

You can delete an existing link from your header if needed. Sometimes you only have one product, for example, and prefer not to have the default All Products link or maybe you simply changed your mind! 

1. From your Admin Dashboard, select Design Your Site
2. In Site Pages, select a page to open in Site builder by clicking the pencil icon
3. Once you've opened Site Builder, open the Header section
4. Click on the desired Link header to expand the option menu
5. Click Delete block
6. Click Save
   
   

To edit the text on an existing link in your header:

You can also edit the text for links already included in your header. For example, you can edit the default All Products link if you'd prefer to name it differently! Or if you ever change your mind about a custom link, it's very easy to edit.

Note that the Sign in link cannot be edited as this is a permanent default link that appears on all pages of your site.

1. From your Admin Dashboard, select Design Your Site
2. In Site Pages, select a page to open in Site builder by clicking the pencil icon
3. Once you've opened Site Builder, open the Header section
4. Click on the desired Link header to expand the option menu
5. Under Text, input your custom text
6. Click Save
   
   

[back to top]

Style & Alignment

There are a few different setting options for the style and alignment of your header:

1. Background
2. Sticky Navigation
3. Show 'My Dashboard' link
4. Show 'Menu' Label
5. Alignment

Background

The background can be solid or transparent. Solid will be one color and Transparent will reveal any images that appear behind the header.

Sticky Navigation

When this is enabled, the header remains visible while scrolling.

Show 'My Dashboard' link

This applies to logged-in users only. If enabled, the My Dashboard link will appear in the header for students to access their Student Dashboard for viewing all products they are enrolled in:

Show 'Menu' Label

When enabled, this will display the word 'Menu' in the top left of your header when viewing on mobile. This is recommended for accessibility.

Alignment

You can align your header links to the left or the right side of your site. The only exception is the Sign in link; it will always appear on the right by default.

[back to top]

Optional Button (Empire & Vogue themes)

Button (product pages only) is an option available on Empire and Vogue themes. If enabled, a call to action will be included in your header on your product landing pages that will take visitors straight to your product checkout for your primary product price.

This button only appears in your header if the product is published and has a price set. Free and Private products will not display a button. 

Colors & Fonts

Your header color and font can be customized in your Theme Settings. 

Colors

You will be able to adjust your background, link and transparent header menu link colors.

Note that color customizations will apply to both your header and footer.

To change your header colors:

1. From your Admin Dashboard, select Design Your Site
2. In Site Pages, select a page to open in Site builder by clicking the pencil icon
3. Once Site Builder has opened, click the Theme Settings tab to access the settings for your theme
4. Click Colors
5. In the Header & footer block, select your desired colors
6. Click Save
   

Font

Your header font will be the same as the main body font for your site.

To change your header and body font:

1. From your Admin Dashboard, select Design Your Site
2. In Site Pages, select a page to open in Site builder by clicking the pencil icon
3. Once Site Builder has opened, click the Theme Settings tab to access the settings for your theme
4. Click Typography
5. Scroll down to Body font
6. Select your desired font
7. Click Save
   
   

[back to top]