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

Sign In or Register to comment.