Menu icon Foundation
Header and Footer Like Foundation?

Looking at the Foundation Forum's header and footer, the color band goes across the entire browser window however, the gutter for the content is retained by the gutter defined in foundation.

How would I go about implementing similar functionality in Foundation?

When I create a row and apply a background color, the row within the scope of the gutter is colored. The color does not expand to the entire browser window.

Thanks!

headerfooterbackground colorrow

Looking at the Foundation Forum's header and footer, the color band goes across the entire browser window however, the gutter for the content is retained by the gutter defined in foundation.

How would I go about implementing similar functionality in Foundation?

When I create a row and apply a background color, the row within the scope of the gutter is colored. The color does not expand to the entire browser window.

Thanks!

Steve Trask almost 5 years ago

Hi Stephen,

You need to wrap it like so http://cdpn.io/oqEIc the content still stays in the grid but the wrapper is full width

hope this helps

Steve