[Resolved] remove navigation sticky

[Frank]

Hi,

Thanks for your help before.
I was downloading the Exhibit Theme.
My Question is how can I make the navigation not sticky?

Thanks in advance for responding

[Tom]

Hi there,

Add the following CSS:

.admin-bar.stickynav.nav-below-header #site-navigation,
.admin-bar.stickynav.nav-above-header #site-navigation,
.admin-bar.nav-below-header #site-navigation,
.admin-bar.nav-above-header #site-navigation {
	top: 0px;
}
.stickynav.nav-below-header #site-navigation,
.stickynav.nav-above-header #site-navigation {
	border-top: 0 none;
	position: relative;
	top: 0;
	width: 100%;
	max-width: 100%;
	z-index: 100;
	opacity: 1;
	-webkit-transition:opacity 0.2s ease-in-out;
	-moz-transition:opacity 0.2s ease-in-out;
	-o-transition:opacity 0.2s ease-in-out;
	transition:opacity 0.2s ease-in-out;
}
.stickynav.nav-below-header #site-navigation:hover,
.stickynav.nav-above-header #site-navigation:hover {
	opacity: 1;
	-webkit-transition:opacity 0.2s ease-in-out;
	-moz-transition:opacity 0.2s ease-in-out;
	-o-transition:opacity 0.2s ease-in-out;
	transition:opacity 0.2s ease-in-out;
}

.nav-above-header #site-navigation {
	border-top: 0 none;
	position: relative;
	top: 0;
	width: 100%;
	max-width: 100%;
	z-index: 100;
	-webkit-transition:opacity 0.2s ease-in-out;
	-moz-transition:opacity 0.2s ease-in-out;
	-o-transition:opacity 0.2s ease-in-out;
	transition:opacity 0.2s ease-in-out;
}

You’ll want to add it using the #2 or #3 methods on this page: http://generatepress.com/knowledgebase/adding-css/

[Author]

Posts