• 0

voyant Voyant Keep Fixed Navigation To stick on top then follow as you go down.


Question

Posted · Report post

I working on a site at: http://www.webdesignforrecruiters.com/accounting/  I would like to have the fixed navigation to stick on the top instead of hide. When you scroll all the way to the top of the website or when you enter the site you don't see a nav until you scroll down. How can we used this fixed navigation to stick on the top and scroll as you go down? I seen another post about this but the link didn't work to see css. Please let me know how you could do this.

 

Thanks

 

 

Share this post


Link to post
Share on other sites

7 answers to this question

  • 0

Posted · Report post

Hi,

 

In the toolbar please  locate the Custom tab and in the CSS / LESS field add the follow:

#fixed-top.hide-menu{
	margin-top:0;
}

With that the menu will never hide again.

 

Bests,

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Could you also repost the css that you had on other post about displaying the logo on mobile? The link isn't working to show the css.

 

Thanks

 

 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

It looks like PageLines Paste Bin is down/gone.

 

Anyway, I found a cached copy of the CSS Enriquez provided.

.section-menu-voyant .voyant-mobile-nav .voyant-menu-holder{
	width: 100%;
	margin-left: 0;
}

.section-menu-voyant .voyant-mobile-nav .voyant-menu-holder:before{
	background: url('http://3z6cyh36dph41r69gi2tjn07r24.wpengine.netdna-cdn.com/wp-content/uploads/2014/04/voyant4.png') no-repeat;
	background-size: contain;
	background-position-y: 5px;
	width: 100%;
	background-color: rgba(74,187,237, .8 );
	margin-left: 0;
	content: '';
	position: absolute;
	height: 60px;
}
.section-menu-voyant .mobile-trigger{
	right: 10px;
}

.section-menu-voyant .voyant-mobile-menu{
	margin-top: 10px;
}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thank you dawsonbarber

 

And yes looks like paste.pagelines.com is down, but @jagipson that code should do the trick.

 

Bests,

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi, I've added the text above, which has made the menu fixed, but only on the homepage.

 

#fixed-top.hide-menu{
margin-top:0;
 
For example: http://acceleratorfilms.co has the menu fixed now at the top.... however http://acceleratorfilms.co/value/ does not.
 
Can you please help me get the menu to always show?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Nevermind, it's working now.

 

Cheers

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now