There are three Header section types:
The first two types include variations with navigation components:
The Centered Header shows a center-aligned logo, on both desktop and mobile.
The one with the Hamburger menu component contains an image that is visible only on mobile, and works like a dropdown menu - find out more in the framework Navigation docs.
The Left Aligned Header shows the logo on the left, and a navigation component on the right.
Like the Centered one, it comes with both a Basic and a Hamburger menu.
On mobile, the logo image and menu are set to stack and align to center.
The Full Width Header sits outside of the main content wrapper, in its own wrapper table - more on wrapper tables in the framework docs.
It has a centered logo and a background colour, which you can customise to suit your needs.
You can easily change the looks of a header by changing its background, text, spacing, and logo image.