Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Maple: How to make navigation fixed/sticky?

Go to solution Solved by tuanphan,


  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

6 answers to this question

Recommended Posts

  • 0

@tuanphan thank you for checking!

I tried the following code, but you can see that the bar appears to be floating rather than fixed to the top of the screen...there is a gap above the nav bar/header through which you can see the content underneath as you scroll...do you have a fix for this or new code all together? Thanks again!

.Header-inner { z-index: 9999; width: 100%; } .Header{ z-index: 9998; position: fixed; width: 100%; }

@media screen and (max-width: 3000px) { .Index-page--has-image .Index-page-content { margin-top:104px !important; } }

@media screen and (max-width: 500px) { .Index-page--has-image .Index-page-content { margin-top:0px !important; } }

Link to post
  • 0
26 minutes ago, mariella said:

@tuanphan can you share the code for your fix above? I'm also trying to accomplish a sticky on scroll effect for my primary nav using maple. 

Can you share link to your site?

Link to post

Create an account or sign in to comment

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

  • Create New...