CODEWITHSUNDEEP
htmlcssnotificationswordpress-theming
romain
romain

Reputation: 65

How to add a woothemes like notification bar?

I would like to add a fixed notification bar (like the yellow one here) on my website: http://balloonup.com. I tried to put the followings just after the body:

<div id="notification-wrapper"
style="border-bottom: 1px solid #C69A00;
background-color: #FEF28F;top:0;
position: fixed;z-index: 99999;width: 100%;">
<em>Hello world!</em>
</div>

Unfortunately, this yellow bar overlaps my header.

Any idea?

Upvotes: 0

Views: 621

Answers (1)

Mattias Alfborger
Mattias Alfborger

Reputation: 858

In woothemes example they've just pushed down the first content box (#top) through margin-top with the height of the "notification bar" just like @rockinthesixstring wrote.

Upvotes: 2

Related Questions