Web Guide-Full Width Header

The fullwidth header module makes it easy to add beautiful, colorful headers to the top of your pages or anywhere on your page, if you so chose.

Add background image to the header:

Place Fullwidth Headers Anywhere on Your Page

The background will be pulled from your section settings

Right align your header text:

Choose Your Alignment

You can choose to left, center, or right align your header text.

Set background image’s scroll effect as fixed at its position:

Fixed background image at its position

You can choose to left, center, or right align your header text.

Full width row can also be used as divider section in the middle of page:

I am header

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

LIVE SITE EXAMPLES:

  1. MBA Homepage – https://staging-mba.wharton.upenn.edu/