Modern Header Transparency
Hi there,
I am using Header: Creative on a website and the client has request for it to have some transparency to it.
I used to the CSS:
/* Header */
@media only screen and (min-width: 1240px) {
#Top_bar #menu { background-color: transparent !important; }
}
#Header .top_bar_left,
.header-modern #Top_bar,
#Top_bar #menu { background-color: rgba(255,255,255,.5); }
which made it look like this. (See here > https://justpaste.it/5hqzt)
Is there is a way to reduce the width so it shows like the Creative Header usually does or another way to make it transparent without it being full width?
To see the site, view here: https://www.theflexgroup.co.uk
Thanks 
Comments
#Header .top_bar_left, .header-modern #Top_bar, #Top_bar #menu{
Thanksbackground:transparent !important;
}
body #Header #Top_bar:not(.is-sticky){
background-color:transparent !important;
}
body #Header #Top_bar:not(.is-sticky) .top_bar_left{
background-color:rgba(255,255,255,0.7) !important;
}