The header of your site is crucial to your visitors being able to comfortably navigate your site. Use the header editor to edit the layout and styling of your header and navigation.
Edit your header
To edit your site header, hover over it and click Edit Header.
A settings panel will open with all of your header customization options.
Manage header layout
Your site template has a default header layout, however, there are numerous other header layout options.
To change header layouts, click on the preview of your current layout below "Header Layout" and select a new one.
Add call-to-action button
A call-to-action button can be added to any header layout to open a pop-up to drive leads, open a Calendly pop-up, go to an external URL, a Lead Page, or jump to another section on the site page.
To add a call-to-action button to your site header, toggle "Include call-to-action."
Call-to-action buttons are powerful. Here's a few more resources on buttons and your click event options:
Styling your header
Within the header settings are styling settings that allow you to change your navigation fonts and colors as well as the header's height.
Header height and background color
In the header settings dock under the "Header" tab, you'll see the options to change both the header height and background color of your header.
When using the color picker, you can choose from your brand colors, a few recent colors, or click ADD next to "Recent Colors" to enter hex codes or select a different color/opacity for your header background.
Navigation font, color and size
For quick access to navigation settings, hover over your navigation and click Edit Navigation.
Under the "Navigation" tab in the header settings dock, you can adjust the font, font colors, and size of the navigation items.
Frequently asked questions
What fonts are available? Can I upload my own text/font style?
We provide a curated selection of some of the most popular Google Fonts. We don’t support uploading custom fonts at this time, though you can use web fonts if you’re comfortable with CSS and HTML.
Can I create a sub navigation menu?
Absolutely! In the Pages tab of the builder, you can drag a page over the top of another to create a drop-down menu in your primary navigation. Learn more about how to create sub navigation menus here.
Need more help?
You can always get in touch with our support team—just click help_circle in the top-right corner of your Leadpages dashboard, or submit a ticket ↗