Anirudh on "[Theme: Pinnacle] Make the top bar stick to the top"

Hello!

I am using the topbar as my primary navigation. Could you please help me out to make it stick to the top as the user scrolls down the web page from top to bottom.

I tried using this CSS:
.trans-header #kad-banner {
position: fixed;
z-index: 999;
}
This doesn't produce any effect as required.

And this CSS as well:
.kad-topbar-left{
position: fixed;
z-index: 999;
}
which was making the logo stick to the top;

And this CSS:
.kad-topbar-right{
position: fixed;
z-index: 999;
}
which was making the navigation buttons stick to the top.

None of them was helping me to stick the complete top bar stick to the top.

My site URL: http://assessmentclinic.uic.edu/

Please help!!

Here is some CSS that I found from another thread. Give this a try and let me know if it works for you!

#topbar {
position: fixed;
width: 100%;
top: 0;
z-index: 999;
}
.admin-bar #topbar {
top:28px;
}
.headerclass {
margin-top: 30px;
}

Thanks a ton Kevin! This CSS worked!!! :)