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

Foster template - how to keep navigation bar visible when scrolling



  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

Hey @cheg1979 you can add this to your custom CSS   .Header { z-index:100000 !important; top: 0; position: sticky !important; } Working Result:  

Posted Images

5 answers to this question

Recommended Posts

  • 0
.Header-inner--top {
position: fixed;
z-index: 9999;
display: block !important;
left: 0;
right: 0;
top: 0;
margin-left: auto;
margin-right: auto;

Try pasting this code in your Custom CSS.

You will have to change top: 0 with the number of px you'd like to move your header from the top of the browser and then move all the content below as well.

To move all your content you can use:

.Site-inner {
margin-top: 100px;

and change "100px" with the margin you prefer

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