How to create Top Notification Bar in GeneratePress Theme

In this quick video tutorial, I will show you how to create Top Notification Bar in GeneratePress theme. We will be adding notification bar to the free version of GeneratePress theme.

CSS Code

The below CSS code will make the notification bar Sticky.

.top-bar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
	z-index: 999;
}
.top-bar p {
	margin-bottom: 0px;
	padding: 5px 10px;
}
.inside-top-bar {
  padding: 0px;
}