Enfold: Center Small bar above Main Menu

Hey Guys,
I am trying to make the small bar above the main menu have a solid background (#78bc1f) and stick to the top of the site.
I was able to center the menu, but I can’t make the background a solid color or make the bar stick to the top of the page.
This is the site: https://www.goddessgarden.com/

This is a good example of another site on Enfold and how I want to look and function: https://premiumtufflock.com/

I tried the “small bar above the main menu” advanced styling and it didn’t work.

Here is the custom css on the site currently:
#socket .copyright {
width: 100%!important;
text-align: center!important;
}

#top .aviaccordion-preview-title-wrap { background: rgba(119,188,31,0.9); }
#top .aviaccordion-title { font-size: 25px; }

#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content * {
color: black;
}
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
margin: 0px;
width: 100%;
height: 100%;
background: rgba(255,249,245,0.98);
}

.avia-no-number { opacity: 1; }

#top #header .avia_mega_div {
max-width: 1080px;
}

/* Color section container width */
#section-container-width .container {
width: 100% !important;
min-width: 100%;
padding: 0;
margin: 0;
}

.special_amp {
font-family: inherit;
font-size: inherit!important;
font-style: inherit;
font-weight: inherit;
color: inherit!important;
}

/**
* Changes the redirect URL for the Return To Shop button in the cart.
*
* @return string
*/
function wc_empty_cart_redirect_url() {
return ‘https://www.goddessgarden.com/store/’;
}
add_filter( ‘woocommerce_return_to_shop_redirect’, ‘wc_empty_cart_redirect_url’ );

#top #header_meta {background-color: red!important; }
.header_color .phone-info {color: white !important; }
.av_phone_active_right .phone-info {
float: none!important;
text-align: center!important;
}

#top .av_header_transparency #header_meta {
border-bottom: 75;
}