[Resolved] remove navigation sticky

Home Forums Support remove navigation sticky

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #113005
    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

    #113006
    Tom
    Lead Developer
    Lead Developer

    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/

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.