Stopping the pagination bar under navbar

[Lynx]

Forum URL: casualgamersinc.proboards.com/


We use custom coding that places, and keeps, our navbar at the top of the page. However, when scrolling down when looking at a thread list, and within a thread, the pagination / action bar "hides" under our navbar (as indicated by the mouse pointer):




What I'd like for it to do is to stop just under the navbar (I adjusted the scrollbar manually to show position I want it stopped at):




If this is possible, could someone let me know how to do this, please? If you need the code for the navbar, please let me know and I'll post it. This can be seen in action on this (guest-friendly) link: casualgamersinc.proboards.com/thread/185/ventrilo-setup

Thanks!

[Chris]

That floating bar is set fixed with a top set to 0px so it sticks to the very top of the viewport. If you want to add your own floating bar you can either set it so it gets pinned below the standard floating bar or set the standard floating bar to pin a little lower to make room for your bar.
Without knowing the code used to generate the custom bar we'll go with option two and construct a CSS rule that would alter the sticking height of the action bar

.container .control-bar {
   top: 31px!important;
}

Since the javascript writes the top inline on the element we would need to use an important modifier to override it.

[Lynx]

Thank you very much, Chris! That worked perfectly!

The navbar was simply put into a fixed position with this CSS:


/* Nav Bar fixed at Top */

#navigation-menu
{
position: fixed;
top: 0px;
width: 89%;
z-index: 1050;
}