dennogumi.org-archive/_posts/design/2014-10-09-header-full-width-image.md

layout	title	subheadline	description	categories	tags	image	header
page	Header with a Full-Width-Image	Headers With Style	Feeling Responsive allows you to use all kinds of headers. This example shows a header with a <em>full-width-image</em>.	design	design background color header	thumb unsplash_brooklyn-bridge_thumb.jpg	image_fullwidth unsplash_brooklyn-bridge_header.jpg

It's so easy to do. Just define in front matter your image.

Front Matter Code

header:
   image_fullwidth: "unsplash_brooklyn-bridge_header.jpg"

All Header-Styles

{% include list-posts.html tag='header' %}