You're feeling great about the overall look and feel of your site. It just seems to be lacking one thing: easy-to-spot navigation.
Editing your site's header enables you to create a navigation menu, add links to other pages of your site, add your site's logo, and even display/hide the login button.
Editing your site's header
Here's how to edit your site's header
From your Podia dashboard, click on Website in the sidebar menu and then select Edit Site.
Once inside the Site builder, click directly on the header or use the pen icon at the right to make changes (The site header is the first section of your site!)
Use the left-hand menu to make modifications to your site's header, such as adding a logo, links, or show/hide the Login button.
Here's what you'll be able to customize by editing your site's header:
Adding a site logo
Adding a logo to your site can be done directly from your Settings.
If you want your site logo to be different (or use a different version) than the one you uploaded, simply follow the steps below:
From the left-hand menu, click on the logo field to upload a file from your computer, choose from your media library or search from Unsplash.
Enter an Alt text using the available field if you want!
Adding header links
Adding links to your header is a perfect way to create a navigation menu that direct users to other pages/areas of your Podia site!
Here's how to set it up:
From the left-hand menu, click on “New link”.
Enter a label for your link, which is the name that will show up on your site's header.
Enter a URL or select one of the quick links available options to link people to other site pages, products & more!
The new link will automatically be added to your site's header
Repeat the process to add as many links as you'd like.
Please note: If you are using the URL option, make sure you include the full url, including the https:// and subdomain (such as www, store, courses, etc).
Example 1: Add https://store.podia.com/10-step-product-bootcamp instead of store.podia.com/10-step-product-bootcamp
Example 2: podia.com alone would not suffice; you'd need to include https://www.podia.com in order for it to work (both the https:// and the www would be key here).
Otherwise, customers may be redirected to your homepage or be given an error page depending on the page they're clicking it from.
Hiding the login button
By default, Podia shows a Login button across all of your site pages; this is how your customers will log in to access their purchased products.
If the Login button doesn't suit your needs, you can easily remove it from your site pages.
This action will remove the Login button across all of your site pages.
Simply turn off the option that says Show login button from the left-hand menu.
The login button will be removed from your site pages.
Customers will still be able to access their products by visiting the login page located at yoursite.com/login
Changing your site's header design
You can also change your site header's colors and how items are displayed.
To edit your site's header design:
Click on your site's header to bring up its editing options in the left-hand menu
Click on the "Design" tab to open up its options.
Use the available options to modify header options, such as:
Image: This will adjust the width, aspect ratio, and look of your logo image.
Layout: Adjust the alignment of the items in your header by choosing left, right, or center alignment, including a mobile view. You can also modify the header’s width, gap, and padding settings
Appearance: Customize the color of your header’s background and text, and apply borders. You can select from predefined colors or create your own custom color combination.
Note: Your header menu's font is controlled by the navigation font chosen on the Fonts tab.
FAQ
Can I remove the site header from my pages?
Can I remove the site header from my pages?
Yes. It is possible to remove the site header from specific pages of your site.
Still need help?
If you have any questions, send an email to [email protected] or click the purple help icon to send us a message 😄