Transparent Sticky Top Bar Menu

Hi,

Both are custom design by theme author and not available in the theme.

For number 1, the custom css is as follows

body .search-expand,#nav-topbar.nav-container {
	background-color:rgba(18, 29, 48, 0.7)
}

For number 2, the custom css is as follows.
You will also need to add class name download-hueman to your menu item link.

#nav-topbar .nav .download-hueman
a {
	color:#fff;
	background:rgba(240, 173, 78, 0.8);
	border-color:#eea236;
	display:inline-block;
	margin:0;
	font-size:1em;
	font-weight:400;
	line-height:inherit;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	cursor:pointer;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none
}
.download-hueman a:hover {
	color:#fff;
	background:#ed9c28!important
}

Please hire a developer from https://jobs.wordpress.net if you require assistance in implementing the above mentioned codes.

Thank you

Hi Denzel,

Thank you very much for your great answer

Case Closed ??

You are welcome.
Thank you

Hi there!

I just updated the theme to 3.3.8. Previously my top bar was a solid background color, which went well with my design. Now with the transparent top bar, the color has been altered (due to it blending with the site header container background color). I cannot spot where I can remove the transparency in the CSS- could you help?

Thank you!

• This reply was modified 7 years, 7 months ago by Renee Johnson.
• This reply was modified 7 years, 7 months ago by Renee Johnson.