Header
The responsive header has an h1 heading for the website name and the option to insert any two of these options - a phone number, a logo and a mobile navigation tab.
The background can have a color gradient if required and has adjustable opacity.
Phone
On mobile phones, the phone number switches to a phone button for calling the inserted number. If viewing this on a computer, reduce the browser width to see the switch.
Logo
The logo has controls for the image width and its position on the X and Y axis. It can be positioned on the left or the right of the header.
Heading
The heading can use a web safe or a non web safe or Google ehosted font with a web safe fallback. It can be styled for font size, color, font weight, font style and ltter spacing. The heading can have a text shadow if required.
Its position can be adjusted in relation to the top and the font size can be reduce for when it is displayed on mobile phones.
Navigation Icon
The header can be used in conjunction with the responsive single level navigation shown on this page or the two level navigation shown on the next page.
If viewing this page on a computer, reduce the browser width until the navigation "hamburger" icon appears and click it to see the mobile version of the navigation.
The tab has controls for icon color and background color and its position on the X and Y axis. It can be positioned on the left or the right of the header.