All of our themes come with a versatile page header that can be configured using theme settings. Changing the overall position of links within the header is one such simple change that can be made with a single click.
The background color of the header and the color of links within it can be configured using theme settings.
Fixed headers appear to float above the first hero section (
.hero) within the main page content.
Use the Fixed header theme setting to automatically have the header appear fixed on all pages with a hero section.
Use the Sticky header setting to make the header stick to the top of the page when a user scrolls.
The look-and-feel of the header can be changed based on whether it’s stuck to the top of the page or not. For example, a box shadow could be added or the background color changed.
You can add additional elements to your header by editing the HTML in the
header.hbs template. For example, you could add a dynamic Statuspage indicator using our System Status extension.
All of our themes come with a highly customizable page header that you can configure using theme settings. You can change the overall color scheme, layout and add custom links without having to edit the code. Alternatively, you can customize the HTML of the header and add new elements to it by editing the
<header> element in the