Keeping Navbar Header in place

HTML-CSS
1

I want to keep my “Discourse Forum Documentation” header on the left side of the page linked below from scrolling when a scrollbar appears. So I want the a scrollbar to move the links up and down but I want to keep the header in place.

I’m trying to mimic the functionality of the example Technical Documentation Page in this respect. I’ve tried playing around with the CSS but can’t figure out how to do this.

2

Hi please test this code :

position: fixed;
top:0;
left:0;
3

Thanks Mohammad. That didn’t quite do it but the following added to my .sidebar-title CSS code did the trick:

position: fixed;
background-color: white;
z-index: 10;

I needed the background-color and z-index so that there’s a white background “in front” of the navigation links that they disappear "behind’ when scrolling. Otherwise the navigation link text collides with the header.

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.