Menu

Sticky Foundation Alert Elements

March 11, 2015 by Christopher Sherman

Zurb’s Foundation front-end framework comes with built-in alert elements you can drop into a page, but my guess is you’ll want to make them sticky (fixed to the top of the view). To accomplish this behavior, we just need to add a bit of CSS.

.alert-box {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}

Zurb Foundation