Notification Bar

Replies: 0

Wondering if anyone knows a solution to this. I want to add a notification bar like this to my customizr theme. Problem is, I have the theme in a wrapper so that the footer goes to the bottom even if it doesn’t have enough content, and the notification bar overlaps the header/navigation bar. Is there any way I can put this notification bar inside the wrapper or push the wrapper down with css in order to make room for the notification bar other than the way I have done below? Seems like it doesn’t work well with css when the mobile screen is rotating.

CSS that I have in place so far:

#tc-page-wrap, #wrap > header {
    top: 40px !important;
}

@media only screen and (max-width : 950px) {
	#tc-page-wrap, #wrap > header {
    		top: 0px !important;
	}
}