Nav Bar (transparency issues)

Question

Hello,

I was wondering if it were possible when scrolling down from the header, if the nav bar can be transparent until it gets to the first section. It currently has a grey background.

I have attached a couple photos explaining what I mean. The first picture (#1) has the grey nav bar, which I would like to be transparent. The second
photo (#2) shows where I would like the grey bar to start.

http://mmp.bmcc.cuny.edu/TY.FINNAN/ben/home.html

Thanks!

Ty

SemiColonWeb · Accepted Answer

Hello,

This is Definitely Possible! Simply add the data-offset="500" to the #header Tag. You can change the 500 Value according to needs.

Additionally, you will also need to use the following CSS:

@media (max-width: 991px) {

	#header-wrap {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	}

}

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.