Bar at the top on my homepage

[happycowstudios]

you guys helped me put a black bar across the top of my homepage above the menu. i need to add one right under it that is red with white text so we can put short info about covid-19.

website: celebrationchurchnc.com

here is the css code that i currently have in place:

.x-navbar {
background: #256faf;
border-bottom: 0;
box-shadow:none;
height: 90px;
}

@media (min-width: 978px) {
.masthead.masthead-inline {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 999;
}
}

@media (max-width: 979px) {
.masthead-inline .x-btn-navbar {
display: show;
}
}

@media (max-width: 979px) {
body.x-navbar-fixed-top-active .x-navbar-wrap {
height: 90px;
}
}

.x-navbar .desktop .x-nav > li > a:hover,
.x-navbar .desktop .x-nav > .x-active > a,
.x-navbar .desktop .x-nav > .current-menu-item > a {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
/ x standard menu - submenu position /
.x-navbar .desktop .x-nav > li ul {
top: 65px;
}

/ x standard menu - submenu text color /
.x-navbar .desktop .sub-menu a {
color: #256faf !important;
font-weight: bold;
background-color: white;
}

.x-topbar {
background: #1f1f1f;
width: 100%;
border-bottom: 0;
height: auto;
position: relative;
}

.x-topbar .p-info {
padding-top: 2px;
}

@media(max-width: 979px){
.x-topbar .p-info {
background-color: #256faf !important;
padding-top: 11px;
}
}

@media(max-width: 979px){
.x-nav-wrap.mobile {
background-color: #256faf;
padding-left: 20px;
}
}

@media (max-width: 979px) {
.x-navbar {
position: relative;
height: auto;
}

.x-navbar.x-navbar-fixed-top {
    position: fixed;
}

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: auto;
}

}

@media (min-width: 978px) {
.e8-1.x-section {
margin-top: 135px;
}
}

thanks!

[friech]

Hi @happycowstudios,

Thank you for writing in, that black topbar that you’re referring to is a native feature of X. The only way to add another bar underneath that is either to customize of upgrade to PRO.

If you need a temporary info bar, here’s what I suggest, Install and utilize the bundled ConvertPlus extension.

This lets you add an Infobar on top or bottom of your page, or a Modal Pop up that shows on the center of the screen on page load. This plugin is usually used for News Letter forms, but this also perfect to use on cases like this.

How to Create a Module in ConvertPlus?

Hope it helps,
Cheers!

[happycowstudios]

perfect. thanks so much!

[ruenel]

You are most welcome!