Archived topic

remove navigation sticky

1 reply · Started by Anonymous on June 7, 2015

Viewing posts 1–2 of 2

June 7, 2015 at 8:52 am #113005

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

June 7, 2015 at 9:16 am #113006

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/

This archived topic is closed to new replies.

Start building better websites today.