Awesome Sticky Top Bar by XiTCLUB

  • Thread starter Thread starter AdminAdmin is verified member.
  • Start date Start date
A

AdminAdmin is verified member.

Well-Known Member
Staff member
Administrator
==================
AWESOME STICKY TOP BAR
==================

LIVE DEMO : WWW.XiTCLUB.COM

INSTALLATION

1: Goto Admincp > Styles & Templates > Style manager > Your Theme > Edit additional.css

Add The Following Code at the End

#navigation.stick {
position: fixed;
top: 0;
z-index: 10000;
width:95%;
background: rgba(0,0,0, 0.8);
border-radius: 0 0 0.5em 0.5em;
}

2: Edit "headinclude" Template

Add The Following Code at the End

<script>
function sticky_relocate() {
var window_top = $(window).scrollTop();
var div_top = $('#pageWrapper').offset().top;
if (window_top > div_top) {
$('#navigation').addClass('stick');
} else {
$('#navigation').removeClass('stick');
}
}

$(function() {
$(window).scroll(sticky_relocate);
sticky_relocate();
});
</script>

That's it... Enjoy Sticky Top Navigation By XiTCLUB

You can Buy me a bear if you like this modification, paypal button is at right sidebar :D
 

Facebook Comments

Similar threads

A
Replies
0
Views
837
AdminAdmin is verified member.
A
A
Replies
0
Views
3K
AdminAdmin is verified member.
A
A
Replies
0
Views
857
AdminAdmin is verified member.
A
A
Replies
0
Views
6K
AdminAdmin is verified member.
A
A
Replies
0
Views
2K
AdminAdmin is verified member.
A
A
Replies
0
Views
1K
AdminAdmin is verified member.
A
A
Replies
0
Views
894
AdminAdmin is verified member.
A
A
Replies
0
Views
828
AdminAdmin is verified member.
A
A
Replies
0
Views
1K
AdminAdmin is verified member.
A
Back
Top