Your header appears on all pages of your site and can be customized with your company logo and desired links.
In this article:
Optional Button (Empire & Vogue themes)
Default Header
By default, your header will include a few different elements:
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.
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:
- Select Channels, then Website from your Admin Dashboard
- Select a page to open in Site Builder
- Once you've opened Site Builder, open the Header section
- Click Logo
- Click Upload
- Drag or select an image
- Adjust the image size slider to your preferred size
- In the Link field, select a page to link the logo to. If you don’t designate a specific page to link to, the logo will link to your Thinkific home page by default.
- Click Save
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:
- Select Channels, then Website from your Admin Dashboard
- Select a page to open in Site Builder
- Once you've opened Site Builder, open the Header section
- Click Add link
- Click on the Link heading to expand the option menu
- In the Text field, input the text you would like displayed in your header
- In the Link field, select the desired page or a custom URL
- A second dropdown will appear to refine your choice or add your URL in the case of a custom URL
- Under Open link in, select Same window or New window
- 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!
- Select Channels, then Website from your Admin Dashboard
- Select a page to open in Site Builder
- Once you've opened Site Builder, open the Header section
- Click on the desired Link header to expand the option menu
- Click Delete block
- 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!
Note that the Sign in link cannot be edited as this is a permanent default link that appears on all pages of your site.
- Select Channels, then Website from your Admin Dashboard
- Select a page to open in Site Builder
- Once you've opened Site Builder, open the Header section
- Click on the desired Link header to expand the option menu
- Under Text, input your custom text
- Click Save
Style & Alignment
There are a few different setting options for the style and alignment of your header:
Background
The background can be solid or transparent. Solid will be one color and Transparent will reveal any images 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 to view all products they are enrolled in.
Show 'Menu' Label
When enabled, this feature will display the word 'Menu' in the top left of your header when viewing on mobile. This is recommended for accessibility.
Alignment (Empire & Vogue themes only)
You can align your header links to the left or right side of your site. The only exception is the Sign in link, it will always appear on the right by default.
Optional Button (Empire & Vogue themes only)
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 can 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:
- Select Channels, then Website from your Admin Dashboard
- Select a page to open in Site Builder
- Once you've opened Site Builder, select the Theme Settings tab
- Click Colors
- In the Header & footer block, select your desired colors
- 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:
- Select Channels, then Website from your Admin Dashboard
- Select a page to open in Site Builder
- Once you've opened Site Builder, select the Theme Settings tab
- Click Typography
- Scroll down to Body copy
- Select your desired font
- Click Save