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

Maple: How to make navigation fixed/sticky?


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; } }

Share this post

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?

COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL


Share this post

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...