Full Width Headers

The Full Width Header modules can be used in two ways:

  • to create bold message with large images
  • to create titles

Using the Full Width Header  module for large bold messages is discussed first.

Scroll  further down to also see the modules to create Titles.

Library item: "Dawn Full Width Header"

The “Dawn Full width Header” can be added as a module to a full width section.

Text and image settings are made on the general tab of the module. The module offers a heading, subheading and body text. You can omit for example the subheading by leaving that field blank.

You can have several buttons (leave the fields blank to omit one or both of them).

You can make adjustments to the background overlay colour of  your header to optimize readibility of text and the overall look;   You can change the ”Background overlay color” and it’s transparancy on the general tab and change “Text color” to  dark or light.

[divi_help]

This is a full width header

it has a subheading
and the possibility to enter additional body text
Request a QuoteOrder a product
By choosing “full screen” on the General Tab of the same “Dawn Full Width Header Module” you can create a nice full page header effect as you can see below. Using a large background image of 1280 x 678 px is optimal.

This is a full width header

it has a subheading
and the possibility to enter additional body text
Request a QuoteOrder a product
You can also set a Parallax effect (like the image is moving) by toggling “Parallax effect” to yes on the General Tab of the same “Dawn Full Width Header” module. Choose “true parallax” – not CSS –  for the effect below.

This is a full width header

it has a subheading
and the possibility to enter additional body text
Request a QuoteOrder a product

Library item: "Dawn full width Header with image"

It is also possible to insert a logo and/or graphic in the header.

Below is an item that we have created for you, insert it as a module into full width sections, the name of the module is  “Dawn Full Width Header with Image”

To explore more possibilities:  play around with the fields “Logo Image URL” (to add a logo or other graphic to the header from your media library), “Logo Title” “Text Vertical Alignment”, “Header Image URL”, “Image Vertical Alignment” and “Text & Logo Orientation” on the general tab of this module to explore the possibilities.

If you get stuck you can always insert a fresh section from the library and start again.

You can add an image

and align it left or right
You can add a little bit of body text here, or delete it if you don’t need any
Request a quoteDownload e-book

Library item: "Dawn Title"

The Full Width Header module can also be used to create titles. We have premade the item below by making specific settings to the header module to make it work like a title.  The “Dawn Title” can be added as a module to a full width section.

Set the title and subheading on the General Tab and choose the alignment of the item in the “Logo & Text Alignment” dropdown. You can set the Background color also on the design tab, and adjust your text color to dark or light, whatever fits your chosen color best.

Dawn Title

with some subheading text to say some more things